#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

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026