#B1BDDC

#B1BDDC

Color Values

HEX

#B1BDDC

RGB

177, 189, 220

HSL

223.3, 38.1%, 77.8%

HSV

223.3, 19.5%, 86.3%

CMYK

19.5%, 14.1%, 0.0%, 13.7%

OKLCH

0.7992 0.0459 268.6

Properties

Cool Light Nearest: lightsteelblue

Color Harmonies

Complementary

#B1BDDC

#DCD0B1

Analogous

#B1D2DC

#BAB1DC

#B1BDDC

Triadic

#B1BDDC

#DCB1BD

#BDDCB1

Split Complementary

#B1BDDC

#DCBAB1

#D2DCB1

Tetradic

#B1BDDC

#DCB1D2

#DCD0B1

#B1DCBA

Color Blindness Simulation

Original

#B1BDDC

Protanopia

#B6B6D5

Deuteranopia

#B6B5D3

Tritanopia

#B2CFCD

Achromatopsia

#BDBDBD

CSS Usage

background-color: #B1BDDC;
color: #B1BDDC;
border-color: #B1BDDC;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F5F6FA
100
#E7EBF3
200
#CED5E9
300
#AAB7D9
400
#7D91C5
500
#4F6AB0
600
#3F558D
700
#334471
800
#273558
900
#202941
950
#141A29

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

11.18: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