#B1D2CE

#B1D2CE

Color Values

HEX

#B1D2CE

RGB

177, 210, 206

HSL

172.7, 26.8%, 75.9%

HSV

172.7, 15.7%, 82.4%

CMYK

15.7%, 0.0%, 1.9%, 17.6%

OKLCH

0.8386 0.0355 187.6

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#B1D2CE

#D2B1B5

Analogous

#B1D2BE

#B1C6D2

#B1D2CE

Triadic

#B1D2CE

#CEB1D2

#D2CEB1

Split Complementary

#B1D2CE

#D2B1C6

#D2BEB1

Tetradic

#B1D2CE

#BEB1D2

#D2B1B5

#C6D2B1

Color Blindness Simulation

Original

#B1D2CE

Protanopia

#BFC0CF

Deuteranopia

#BDBBCF

Tritanopia

#B3D0D0

Achromatopsia

#CBCBCB

CSS Usage

background-color: #B1D2CE;
color: #B1D2CE;
border-color: #B1D2CE;
Nearest Tailwind: Gray 300 #D1D5DB

Tailwind Shades

50
#F6F9F9
100
#E9F1F0
200
#D2E5E3
300
#B1D2CE
400
#87BAB4
500
#5DA299
600
#4B817B
700
#3C6762
800
#2F514D
900
#253C39
950
#172624

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

12.98:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026