#CCF2AE

#CCF2AE

Color Values

HEX

#CCF2AE

RGB

204, 242, 174

HSL

93,5, 72,3%, 81,6%

HSV

93,5, 28,1%, 94,9%

CMYK

15,7%, 0,0%, 28,1%, 5,1%

OKLCH

0,9174 0,0978 131,8

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#CCF2AE

#D4AEF2

Analogous

#EEF2AE

#AEF2B2

#CCF2AE

Triadic

#CCF2AE

#AECCF2

#F2AECC

Split Complementary

#CCF2AE

#B2AEF2

#F2AEEE

Tetradic

#CCF2AE

#AEEEF2

#D4AEF2

#F2B2AE

Color Blindness Simulation

Original

#CCF2AE

Protanopia

#DCDDBE

Deuteranopia

#DAD7C2

Tritanopia

#CECBCE

Achromatopsia

#E5E5E5

CSS Usage

background-color: #CCF2AE;
color: #CCF2AE;
border-color: #CCF2AE;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F7FCF3
100
#ECF8E2
200
#D8F5C1
300
#BDEE96
400
#99E55C
500
#75DC23
600
#5DB01C
700
#4B8D17
800
#3A6E12
900
#2D5011
950
#1C330B

Contrast Checker

Text on white

1,24:1

AA Fail AAA Fail

Text on black

16,88:1

AA Pass AAA Pass

Related Articles

Tutorials

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

Ene 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Ene 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Ene 15, 2026