#CCF2DE

#CCF2DE

Color Values

HEX

#CCF2DE

RGB

204, 242, 222

HSL

148.4, 59.4%, 87.5%

HSV

148.4, 15.7%, 94.9%

CMYK

15.7%, 0.0%, 8.3%, 5.1%

OKLCH

0.9286 0.0478 162.4

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#CCF2DE

#F2CCE0

Analogous

#CDF2CC

#CCF2F1

#CCF2DE

Triadic

#CCF2DE

#DECCF2

#F2DECC

Split Complementary

#CCF2DE

#F1CCF2

#F2CCCD

Tetradic

#CCF2DE

#CCCDF2

#F2CCE0

#F2F1CC

Color Blindness Simulation

Original

#CCF2DE

Protanopia

#DCDDE3

Deuteranopia

#DAD7E4

Tritanopia

#CEE7E8

Achromatopsia

#E8E8E8

CSS Usage

background-color: #CCF2DE;
color: #CCF2DE;
border-color: #CCF2DE;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F3FBF7
100
#E4F6ED
200
#C6F1DA
300
#9DE6C0
400
#69D99E
500
#34CB7B
600
#29A363
700
#21824F
800
#1A663E
900
#174A2F
950
#0E2F1E

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

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