#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026