#B9CADF

Color Details

HEX
#B9CADF
RGB
rgb(185, 202, 223)
HSL
hsl(213, 37%, 80%)
CMYK
cmyk(17%, 9%, 0%, 13%)
Best text on this color #000000 (CR 12.58:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b9cadf
Contrast 12.58:1 AAA
White on #b9cadf
Contrast 1.67:1 Fail
#b9cadf on Black
Contrast 12.58:1 AAA
#b9cadf on White
Contrast 1.67:1 Fail

Tints & Shades

#c7d5e5
#d5dfec
#e3eaf2
#94a2b2
#6f7986
#4a5159

Complement & Analogous

#dfceb9
#bbb9df
#b9dddf

Triadic

#dfb9ca
#cadfb9

Monochrome

#4a5159 #6f7986 #b9cadf #d5dfec #e3eaf2 #f1f4f9

Analogous

#b9dddf #cee7e9 #b9cadf #c9c7e5 #bbb9df #9694b2

Complementary Mix

#6f7986 #b9cadf #d5dfec #dfceb9 #eadfd2 #918678

Nearby Colors

#b9cade
#b9cae0
#b9cacf
#b9caef

Embed #B9CADF swatch

Embed this swatch

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

Open image

About #B9CADF

#B9CADF converts to RGB(185, 202, 223) and HSL(213, 37%, 80%). 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).

#B9CADF FAQs

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