#CCDFAC

#CCDFAC

Color Values

HEX

#CCDFAC

RGB

204, 223, 172

HSL

82.4, 44.3%, 77.5%

HSV

82.4, 22.9%, 87.5%

CMYK

8.5%, 0.0%, 22.9%, 12.5%

OKLCH

0.8765 0.0708 124.4

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#CCDFAC

#BFACDF

Analogous

#DFD9AC

#B3DFAC

#CCDFAC

Triadic

#CCDFAC

#ACCCDF

#DFACCC

Split Complementary

#CCDFAC

#ACB3DF

#D9ACDF

Tetradic

#CCDFAC

#ACDFD9

#BFACDF

#DFACB3

Color Blindness Simulation

Original

#CCDFAC

Protanopia

#D4D4B8

Deuteranopia

#D3D2BB

Tritanopia

#CDC2C4

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F8FAF4
100
#EFF4E6
200
#DFEBCB
300
#C9DDA7
400
#ABCA77
500
#8EB847
600
#719339
700
#5B762D
800
#475C24
900
#35441D
950
#222B12

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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