#CCDFB3

#CCDFB3

Color Values

HEX

#CCDFB3

RGB

204, 223, 179

HSL

85,9, 40,7%, 78,8%

HSV

85,9, 19,7%, 87,5%

CMYK

8,5%, 0,0%, 19,7%, 12,5%

OKLCH

0,8781 0,0622 126,7

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#CCDFB3

#C6B3DF

Analogous

#DFDCB3

#B6DFB3

#CCDFB3

Triadic

#CCDFB3

#B3CCDF

#DFB3CC

Split Complementary

#CCDFB3

#B3B6DF

#DCB3DF

Tetradic

#CCDFB3

#B3DFDC

#C6B3DF

#DFB3B6

Color Blindness Simulation

Original

#CCDFB3

Protanopia

#D4D4BE

Deuteranopia

#D3D2C0

Tritanopia

#CDC6C8

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EEF3E7
200
#DDEACD
300
#C5DBA9
400
#A6C77A
500
#87B34C
600
#6C903C
700
#567330
800
#435A26
900
#33421F
950
#202A13

Contrast Checker

Text on white

1,42:1

AA Fail AAA Fail

Text on black

14,77: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