#B1D3EE

#B1D3EE

Color Values

HEX

#B1D3EE

RGB

177, 211, 238

HSL

206.6, 64.2%, 81.4%

HSV

206.6, 25.6%, 93.3%

CMYK

25.6%, 11.3%, 0.0%, 6.7%

OKLCH

0.851 0.0523 242.2

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#B1D3EE

#EECCB1

Analogous

#B1EEEB

#B1B5EE

#B1D3EE

Triadic

#B1D3EE

#EEB1D3

#D3EEB1

Split Complementary

#B1D3EE

#EEB1B5

#EEEBB1

Tetradic

#B1D3EE

#EBB1EE

#EECCB1

#B5EEB1

Color Blindness Simulation

Original

#B1D3EE

Protanopia

#C0C0E7

Deuteranopia

#BEBBE6

Tritanopia

#B3E2E1

Achromatopsia

#CECECE

CSS Usage

background-color: #B1D3EE;
color: #B1D3EE;
border-color: #B1D3EE;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F3F8FC
100
#E3EEF7
200
#C4DEF2
300
#9BC6E9
400
#64A8DD
500
#2E89D1
600
#256DA7
700
#1D5886
800
#174469
900
#14344C
950
#0D2130

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

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