#CCE2D9

#CCE2D9

Color Values

HEX

#CCE2D9

RGB

204, 226, 217

HSL

155.5, 27.5%, 84.3%

HSV

155.5, 9.7%, 88.6%

CMYK

9.7%, 0.0%, 4.0%, 11.4%

OKLCH

0.8939 0.0264 169.2

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#CCE2D9

#E2CCD5

Analogous

#CCE2CE

#CCE0E2

#CCE2D9

Triadic

#CCE2D9

#D9CCE2

#E2D9CC

Split Complementary

#CCE2D9

#E2CCE0

#E2CECC

Tetradic

#CCE2D9

#CECCE2

#E2CCD5

#E0E2CC

Color Blindness Simulation

Original

#CCE2D9

Protanopia

#D6D6DB

Deuteranopia

#D4D3DC

Tritanopia

#CDDDDD

Achromatopsia

#DDDDDD

CSS Usage

background-color: #CCE2D9;
color: #CCE2D9;
border-color: #CCE2D9;
Nearest Tailwind: Neutral 200 #E5E5E5

Tailwind Shades

50
#F6F9F8
100
#E9F1EE
200
#D1E5DD
300
#B1D3C5
400
#87BBA5
500
#5CA386
600
#4A826B
700
#3B6856
800
#2E5143
900
#243C33
950
#172620

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

15.45:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026