#CCDCB4

#CCDCB4

Color Values

HEX

#CCDCB4

RGB

204, 220, 180

HSL

84.0, 36.4%, 78.4%

HSV

84.0, 18.2%, 86.3%

CMYK

7.3%, 0.0%, 18.2%, 13.7%

OKLCH

0.872 0.0563 125.3

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#CCDCB4

#C4B4DC

Analogous

#DCD8B4

#B8DCB4

#CCDCB4

Triadic

#CCDCB4

#B4CCDC

#DCB4CC

Split Complementary

#CCDCB4

#B4B8DC

#D8B4DC

Tetradic

#CCDCB4

#B4DCD8

#C4B4DC

#DCB4B8

Color Blindness Simulation

Original

#CCDCB4

Protanopia

#D3D3BE

Deuteranopia

#D2D1C0

Tritanopia

#CDC5C7

Achromatopsia

#D6D6D6

CSS Usage

background-color: #CCDCB4;
color: #CCDCB4;
border-color: #CCDCB4;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F8FAF5
100
#EEF3E8
200
#DEE8CE
300
#C6D8AC
400
#A8C37E
500
#89AE51
600
#6D8B41
700
#586F34
800
#445729
900
#344021
950
#212915

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

14.46:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026