#B7CFF1

#B7CFF1

Color Values

HEX

#B7CFF1

RGB

183, 207, 241

HSL

215.2, 67.4%, 83.1%

HSV

215.2, 24.1%, 94.5%

CMYK

24.1%, 14.1%, 0.0%, 5.5%

OKLCH

0.8478 0.0543 257.1

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#B7CFF1

#F1D9B7

Analogous

#B7ECF1

#BCB7F1

#B7CFF1

Triadic

#B7CFF1

#F1B7CF

#CFF1B7

Split Complementary

#B7CFF1

#F1BCB7

#ECF1B7

Tetradic

#B7CFF1

#F1B7EC

#F1D9B7

#B7F1BC

Color Blindness Simulation

Original

#B7CFF1

Protanopia

#C1C2E9

Deuteranopia

#C0BEE7

Tritanopia

#B8E2E1

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3EBF7
200
#C3D7F3
300
#99BBEB
400
#6196E0
500
#2A71D5
600
#215AAB
700
#1B4889
800
#15386B
900
#132B4E
950
#0C1B31

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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