#CCF2A3

#CCF2A3

Color Values

HEX

#CCF2A3

RGB

204, 242, 163

HSL

88.9, 75.2%, 79.4%

HSV

88.9, 32.6%, 94.9%

CMYK

15.7%, 0.0%, 32.6%, 5.1%

OKLCH

0.9153 0.1101 129.2

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#CCF2A3

#C9A3F2

Analogous

#F2F1A3

#A4F2A3

#CCF2A3

Triadic

#CCF2A3

#A3CCF2

#F2A3CC

Split Complementary

#CCF2A3

#A3A4F2

#F1A3F2

Tetradic

#CCF2A3

#A3F2F1

#C9A3F2

#F2A3A4

Color Blindness Simulation

Original

#CCF2A3

Protanopia

#DCDDB6

Deuteranopia

#DAD7BB

Tritanopia

#CEC5C9

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#F8FCF2
100
#EEF9E2
200
#DCF6C0
300
#C3F094
400
#A3E85A
500
#83DF20
600
#69B319
700
#548F14
800
#427010
900
#325110
950
#1F330A

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

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