#CCDDC9

#CCDDC9

Color Values

HEX

#CCDDC9

RGB

204, 221, 201

HSL

111.0, 22.7%, 82.7%

HSV

111.0, 9.0%, 86.7%

CMYK

7.7%, 0.0%, 9.0%, 13.3%

OKLCH

0.8792 0.0326 141.0

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#CCDDC9

#DAC9DD

Analogous

#D6DDC9

#C9DDD0

#CCDDC9

Triadic

#CCDDC9

#C9CCDD

#DDC9CC

Split Complementary

#CCDDC9

#D0C9DD

#DDC9D6

Tetradic

#CCDDC9

#C9D6DD

#DAC9DD

#DDD0C9

Color Blindness Simulation

Original

#CCDDC9

Protanopia

#D3D4CE

Deuteranopia

#D2D1CF

Tritanopia

#CDD2D2

Achromatopsia

#D8D8D8

CSS Usage

background-color: #CCDDC9;
color: #CCDDC9;
border-color: #CCDDC9;
Nearest Tailwind: Green 100 #DCFCE7

Tailwind Shades

50
#F6F9F6
100
#EBF1EA
200
#D6E3D3
300
#B8D0B4
400
#92B68B
500
#6B9C63
600
#567D4F
700
#45643F
800
#364E31
900
#2A3A27
950
#1A2518

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

14.75:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026