#CCDFAE

#CCDFAE

Color Values

HEX

#CCDFAE

RGB

204, 223, 174

HSL

83.3, 43.4%, 77.8%

HSV

83.3, 22.0%, 87.5%

CMYK

8.5%, 0.0%, 22.0%, 12.5%

OKLCH

0.8769 0.0683 125.0

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#CCDFAE

#C1AEDF

Analogous

#DFD9AE

#B3DFAE

#CCDFAE

Triadic

#CCDFAE

#AECCDF

#DFAECC

Split Complementary

#CCDFAE

#AEB3DF

#D9AEDF

Tetradic

#CCDFAE

#AEDFD9

#C1AEDF

#DFAEB3

Color Blindness Simulation

Original

#CCDFAE

Protanopia

#D4D4BA

Deuteranopia

#D3D2BD

Tritanopia

#CDC3C5

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EFF4E7
200
#DFEBCC
300
#C8DCA7
400
#AACA78
500
#8CB748
600
#70923A
700
#5A752E
800
#465B24
900
#35431E
950
#212B13

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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