#CCF5D8

#CCF5D8

Color Values

HEX

#CCF5D8

RGB

204, 245, 216

HSL

137.6, 67.2%, 88.0%

HSV

137.6, 16.7%, 96.1%

CMYK

16.7%, 0.0%, 11.8%, 3.9%

OKLCH

0.9333 0.0576 154.4

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#CCF5D8

#F5CCE9

Analogous

#D4F5CC

#CCF5EC

#CCF5D8

Triadic

#CCF5D8

#D8CCF5

#F5D8CC

Split Complementary

#CCF5D8

#ECCCF5

#F5CCD4

Tetradic

#CCF5D8

#CCD4F5

#F5CCE9

#F5ECCC

Color Blindness Simulation

Original

#CCF5D8

Protanopia

#DEDEDF

Deuteranopia

#DBD8E1

Tritanopia

#CEE5E6

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F3FCF6
100
#E3F7E9
200
#C3F3D1
300
#99EBB1
400
#61E086
500
#2AD55C
600
#21AB4A
700
#1B883B
800
#156B2E
900
#134E24
950
#0C3117

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

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