#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

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