#CCE4AB

#CCE4AB

Color Values

HEX

#CCE4AB

RGB

204, 228, 171

HSL

85.3, 51.4%, 78.2%

HSV

85.3, 25.0%, 89.4%

CMYK

10.5%, 0.0%, 25.0%, 10.6%

OKLCH

0.8869 0.0797 126.5

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#CCE4AB

#C3ABE4

Analogous

#E4E0AB

#AFE4AB

#CCE4AB

Triadic

#CCE4AB

#ABCCE4

#E4ABCC

Split Complementary

#CCE4AB

#ABAFE4

#E0ABE4

Tetradic

#CCE4AB

#ABE4E0

#C3ABE4

#E4ABAF

Color Blindness Simulation

Original

#CCE4AB

Protanopia

#D6D7B9

Deuteranopia

#D5D3BC

Tritanopia

#CDC4C6

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF5E5
200
#DEEEC9
300
#C7E1A2
400
#A8D170
500
#8AC13E
600
#6E9A32
700
#587C28
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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026