#CCE4AA

#CCE4AA

Color Values

HEX

#CCE4AA

RGB

204, 228, 170

HSL

84.8, 51.8%, 78.0%

HSV

84.8, 25.4%, 89.4%

CMYK

10.5%, 0.0%, 25.4%, 10.6%

OKLCH

0.8867 0.0808 126.3

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#CCE4AA

#C2AAE4

Analogous

#E4DFAA

#AFE4AA

#CCE4AA

Triadic

#CCE4AA

#AACCE4

#E4AACC

Split Complementary

#CCE4AA

#AAAFE4

#DFAAE4

Tetradic

#CCE4AA

#AAE4DF

#C2AAE4

#E4AAAF

Color Blindness Simulation

Original

#CCE4AA

Protanopia

#D6D7B8

Deuteranopia

#D5D3BB

Tritanopia

#CDC3C6

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EFF5E5
200
#DFEEC9
300
#C7E2A2
400
#A9D270
500
#8BC23D
600
#6F9B31
700
#597C27
800
#45611F
900
#34471A
950
#212D10

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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