#B2D2CC

#B2D2CC

Color Values

HEX

#B2D2CC

RGB

178, 210, 204

HSL

168.8, 26.2%, 76.1%

HSV

168.8, 15.2%, 82.4%

CMYK

15.2%, 0.0%, 2.9%, 17.6%

OKLCH

0.8386 0.0351 182.9

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#B2D2CC

#D2B2B8

Analogous

#B2D2BC

#B2C8D2

#B2D2CC

Triadic

#B2D2CC

#CCB2D2

#D2CCB2

Split Complementary

#B2D2CC

#D2B2C8

#D2BCB2

Tetradic

#B2D2CC

#BCB2D2

#D2B2B8

#C8D2B2

Color Blindness Simulation

Original

#B2D2CC

Protanopia

#C0C0CD

Deuteranopia

#BEBCCE

Tritanopia

#B4CFCF

Achromatopsia

#CBCBCB

CSS Usage

background-color: #B2D2CC;
color: #B2D2CC;
border-color: #B2D2CC;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F6F9F8
100
#E9F1F0
200
#D2E5E1
300
#B2D2CC
400
#88B9B0
500
#5EA194
600
#4B8177
700
#3C675F
800
#2F504A
900
#253C38
950
#172623

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