#CCDFB6

#CCDFB6

Color Values

HEX

#CCDFB6

RGB

204, 223, 182

HSL

87.8, 39.0%, 79.4%

HSV

87.8, 18.4%, 87.5%

CMYK

8.5%, 0.0%, 18.4%, 12.5%

OKLCH

0.8787 0.0585 127.8

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#CCDFB6

#C9B6DF

Analogous

#DFDDB6

#B7DFB6

#CCDFB6

Triadic

#CCDFB6

#B6CCDF

#DFB6CC

Split Complementary

#CCDFB6

#B6B7DF

#DDB6DF

Tetradic

#CCDFB6

#B6DFDD

#C9B6DF

#DFB6B7

Color Blindness Simulation

Original

#CCDFB6

Protanopia

#D4D4C0

Deuteranopia

#D3D2C2

Tritanopia

#CDC8C9

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EEF3E7
200
#DCE9CD
300
#C4DAAA
400
#A3C57C
500
#83B14E
600
#698E3E
700
#547132
800
#425927
900
#32411F
950
#1F2914

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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