#CCF1D8

#CCF1D8

Color Values

HEX

#CCF1D8

RGB

204, 241, 216

HSL

139.5, 56.9%, 87.3%

HSV

139.5, 15.4%, 94.5%

CMYK

15.4%, 0.0%, 10.4%, 5.5%

OKLCH

0.9249 0.0511 155.7

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#CCF1D8

#F1CCE5

Analogous

#D3F1CC

#CCF1EB

#CCF1D8

Triadic

#CCF1D8

#D8CCF1

#F1D8CC

Split Complementary

#CCF1D8

#EBCCF1

#F1CCD3

Tetradic

#CCF1D8

#CCD3F1

#F1CCE5

#F1EBCC

Color Blindness Simulation

Original

#CCF1D8

Protanopia

#DCDCDE

Deuteranopia

#DAD7E0

Tritanopia

#CEE3E4

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F4FBF6
100
#E5F6EA
200
#C7F0D4
300
#9FE5B6
400
#6BD68E
500
#37C866
600
#2CA052
700
#238041
800
#1B6433
900
#184928
950
#0F2E19

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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