#CCF299

#CCF299

Color Values

HEX

#CCF299

RGB

204, 242, 153

HSL

85,6, 77,4%, 77,5%

HSV

85,6, 36,8%, 94,9%

CMYK

15,7%, 0,0%, 36,8%, 5,1%

OKLCH

0,9136 0,1212 127,4

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#CCF299

#BF99F2

Analogous

#F2EC99

#A0F299

#CCF299

Triadic

#CCF299

#99CCF2

#F299CC

Split Complementary

#CCF299

#99A0F2

#EC99F2

Tetradic

#CCF299

#99F2EC

#BF99F2

#F299A0

Color Blindness Simulation

Original

#CCF299

Protanopia

#DCDDAF

Deuteranopia

#DAD7B4

Tritanopia

#CEC0C3

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#F8FCF2
100
#EFF9E1
200
#DFF7C0
300
#C9F192
400
#ABEA58
500
#8EE21D
600
#72B517
700
#5B9112
800
#47710E
900
#35520F
950
#223409

Contrast Checker

Text on white

1,26:1

AA Fail AAA Fail

Text on black

16,73:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026