#B2D2CE

#B2D2CE

Color Values

HEX

#B2D2CE

RGB

178, 210, 206

HSL

172.5, 26.2%, 76.1%

HSV

172.5, 15.2%, 82.4%

CMYK

15.2%, 0.0%, 1.9%, 17.6%

OKLCH

0.8392 0.0345 187.3

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#B2D2CE

#D2B2B6

Analogous

#B2D2BE

#B2C6D2

#B2D2CE

Triadic

#B2D2CE

#CEB2D2

#D2CEB2

Split Complementary

#B2D2CE

#D2B2C6

#D2BEB2

Tetradic

#B2D2CE

#BEB2D2

#D2B2B6

#C6D2B2

Color Blindness Simulation

Original

#B2D2CE

Protanopia

#C0C0CF

Deuteranopia

#BEBCCF

Tritanopia

#B4D0D0

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#E9F1F0
200
#D2E5E2
300
#B2D2CE
400
#88B9B3
500
#5EA199
600
#4B817A
700
#3C6762
800
#2F504C
900
#253C39
950
#172624

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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