#B9BAF6

Color Details

HEX
#B9BAF6
RGB
rgb(185, 186, 246)
HSL
hsl(239, 77%, 85%)
CMYK
cmyk(25%, 24%, 0%, 4%)
Best text on this color #000000 (CR 11.42:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b9baf6
Contrast 11.42:1 AAA
White on #b9baf6
Contrast 1.84:1 Fail
#b9baf6 on Black
Contrast 11.42:1 AAA
#b9baf6 on White
Contrast 1.84:1 Fail

Tints & Shades

#c7c8f8
#d5d6fa
#e3e3fb
#9495c5
#6f7094
#4a4a62

Complement & Analogous

#f6f5bb
#d8bbf6
#bbdaf6

Triadic

#f6bbbc
#bcf6bb

Monochrome

#4a4a62 #6f7094 #b9baf6 #d5d6fa #e3e3fb #f1f1fd

Analogous

#bbdaf6 #cfe5f9 #b9baf6 #e0c9f8 #d8bbf6 #ad96c5

Complementary Mix

#6f7094 #b9baf6 #d5d6fa #f6f5bb #f9f9d3 #a09f7a

Nearby Colors

#b9baf5
#b9baf7
#b9bae6
#b9bb06

Embed #B9BAF6 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #B9BAF6

#B9BAF6 converts to RGB(185, 186, 246) and HSL(239, 77%, 85%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#B9BAF6 FAQs

What is the RGB value of #B9BAF6?
RGB: 185, 186, 246. Copy as CSS: rgb(185, 186, 246)
Is #B9BAF6 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B9BAF6?
Complement: #f6f5bb.
Does #B9BAF6 have good contrast on white or black?
On white: 1.84:1 (Fails AA). On black: 11.42:1 (AAA (normal text)).