#CCDAB2

#CCDAB2

Color Values

HEX

#CCDAB2

RGB

204, 218, 178

HSL

81,0, 35,1%, 77,6%

HSV

81,0, 18,3%, 85,5%

CMYK

6,4%, 0,0%, 18,3%, 14,5%

OKLCH

0,8673 0,0557 123,2

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#CCDAB2

#C0B2DA

Analogous

#DAD4B2

#B8DAB2

#CCDAB2

Triadic

#CCDAB2

#B2CCDA

#DAB2CC

Split Complementary

#CCDAB2

#B2B8DA

#D4B2DA

Tetradic

#CCDAB2

#B2DAD4

#C0B2DA

#DAB2B8

Color Blindness Simulation

Original

#CCDAB2

Protanopia

#D2D2BC

Deuteranopia

#D1D0BE

Tritanopia

#CDC3C5

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EFF2E8
200
#DFE8CF
300
#C8D7AC
400
#ABC280
500
#8DAC53
600
#718A42
700
#5A6E35
800
#465629
900
#354021
950
#212815

Contrast Checker

Text on white

1,47:1

AA Fail AAA Fail

Text on black

14,24:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026