#B7ECF1

#B7ECF1

Color Values

HEX

#B7ECF1

RGB

183, 236, 241

HSL

185.2, 67.4%, 83.1%

HSV

185.2, 24.1%, 94.5%

CMYK

24.1%, 2.1%, 0.0%, 5.5%

OKLCH

0.9082 0.0544 203.4

Properties

Cool Light Nearest: Blizzard Blue

Color Harmonies

Complementary

#B7ECF1

#F1BCB7

Analogous

#B7F1D9

#B7CFF1

#B7ECF1

Triadic

#B7ECF1

#F1B7EC

#ECF1B7

Split Complementary

#B7ECF1

#F1B7CF

#F1D9B7

Tetradic

#B7ECF1

#D9B7F1

#F1BCB7

#CFF1B7

Color Blindness Simulation

Original

#B7ECF1

Protanopia

#CECEF0

Deuteranopia

#CBC7F0

Tritanopia

#BAEFEF

Achromatopsia

#E1E1E1

CSS Usage

background-color: #B7ECF1;
color: #B7ECF1;
border-color: #B7ECF1;
Nearest Tailwind: Cyan 100 #CFFAFE

Tailwind Shades

50
#F3FBFC
100
#E3F6F7
200
#C3EFF3
300
#99E4EB
400
#61D5E0
500
#2AC7D5
600
#219FAB
700
#1B7F89
800
#15636B
900
#13494E
950
#0C2E31

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

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