#CCF4AA

#CCF4AA

Color Values

HEX

#CCF4AA

RGB

204, 244, 170

HSL

92.4, 77.1%, 81.2%

HSV

92.4, 30.3%, 95.7%

CMYK

16.4%, 0.0%, 30.3%, 4.3%

OKLCH

0.921 0.1053 131.3

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#CCF4AA

#D2AAF4

Analogous

#F1F4AA

#AAF4AD

#CCF4AA

Triadic

#CCF4AA

#AACCF4

#F4AACC

Split Complementary

#CCF4AA

#ADAAF4

#F4AAF1

Tetradic

#CCF4AA

#AAF1F4

#D2AAF4

#F4ADAA

Color Blindness Simulation

Original

#CCF4AA

Protanopia

#DDDEBC

Deuteranopia

#DBD8C0

Tritanopia

#CECACD

Achromatopsia

#E6E6E6

CSS Usage

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

Tailwind Shades

50
#F7FCF2
100
#ECF9E1
200
#D9F7C0
300
#BEF193
400
#9BE958
500
#78E21D
600
#60B517
700
#4D9113
800
#3C710F
900
#2E520F
950
#1D3409

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

17.09:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026