#CCDEAF

#CCDEAF

Color Values

HEX

#CCDEAF

RGB

204, 222, 175

HSL

83.0, 41.6%, 77.8%

HSV

83.0, 21.2%, 87.1%

CMYK

8.1%, 0.0%, 21.2%, 12.9%

OKLCH

0.8751 0.0656 124.8

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#CCDEAF

#C1AFDE

Analogous

#DED8AF

#B4DEAF

#CCDEAF

Triadic

#CCDEAF

#AFCCDE

#DEAFCC

Split Complementary

#CCDEAF

#AFB4DE

#D8AFDE

Tetradic

#CCDEAF

#AFDED8

#C1AFDE

#DEAFB4

Color Blindness Simulation

Original

#CCDEAF

Protanopia

#D4D4BA

Deuteranopia

#D3D1BD

Tritanopia

#CDC3C5

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EFF3E7
200
#DFEACC
300
#C8DBA8
400
#AAC879
500
#8CB54A
600
#70903C
700
#5A7430
800
#465A25
900
#35431E
950
#212A13

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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