#B9DAF2

#B9DAF2

Color Values

HEX

#B9DAF2

RGB

185, 218, 242

HSL

205.3, 68.7%, 83.7%

HSV

205.3, 23.6%, 94.9%

CMYK

23.6%, 9.9%, 0.0%, 5.1%

OKLCH

0.8721 0.0483 239.7

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#B9DAF2

#F2D1B9

Analogous

#B9F2EE

#B9BDF2

#B9DAF2

Triadic

#B9DAF2

#F2B9DA

#DAF2B9

Split Complementary

#B9DAF2

#F2B9BD

#F2EEB9

Tetradic

#B9DAF2

#EEB9F2

#F2D1B9

#BDF2B9

Color Blindness Simulation

Original

#B9DAF2

Protanopia

#C7C8EC

Deuteranopia

#C5C3EB

Tritanopia

#BBE8E7

Achromatopsia

#D5D5D5

CSS Usage

background-color: #B9DAF2;
color: #B9DAF2;
border-color: #B9DAF2;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F3F8FC
100
#E3EFF8
200
#C3DFF4
300
#98C8EC
400
#60ABE1
500
#288DD7
600
#2071AC
700
#1A5A8A
800
#14476C
900
#12354E
950
#0C2232

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.37:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

2月 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026