#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

Фев 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Янв 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Янв 21, 2026