#BBC8E0

#BBC8E0

Color Values

HEX

#BBC8E0

RGB

187, 200, 224

HSL

218.9, 37.4%, 80.6%

HSV

218.9, 16.5%, 87.8%

CMYK

16.5%, 10.7%, 0.0%, 12.2%

OKLCH

0.8304 0.0366 262.8

Properties

Cool Light Nearest: lightsteelblue

Color Harmonies

Complementary

#BBC8E0

#E0D3BB

Analogous

#BBDBE0

#C1BBE0

#BBC8E0

Triadic

#BBC8E0

#E0BBC8

#C8E0BB

Split Complementary

#BBC8E0

#E0C1BB

#DBE0BB

Tetradic

#BBC8E0

#E0BBDB

#E0D3BB

#BBE0C1

Color Blindness Simulation

Original

#BBC8E0

Protanopia

#C1C1DA

Deuteranopia

#C0BFD9

Tritanopia

#BCD6D5

Achromatopsia

#C7C7C7

CSS Usage

background-color: #BBC8E0;
color: #BBC8E0;
border-color: #BBC8E0;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F5F7FA
100
#E7EBF3
200
#CED7E9
300
#ABBBD9
400
#7D96C4
500
#5071AF
600
#405B8C
700
#334970
800
#283958
900
#202C41
950
#141C29

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

12.45:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026