#CCFC45

#CCFC45

Color Values

HEX

#CCFC45

RGB

204, 252, 69

HSL

75.7, 96.8%, 62.9%

HSV

75.7, 72.6%, 98.8%

CMYK

19.0%, 0.0%, 72.6%, 1.2%

OKLCH

0.9261 0.2057 123.5

Properties

Cool Light Nearest: olivedrab 1

Color Harmonies

Complementary

#CCFC45

#7545FC

Analogous

#FCD045

#70FC45

#CCFC45

Triadic

#CCFC45

#45CCFC

#FC45CC

Split Complementary

#CCFC45

#4570FC

#D045FC

Tetradic

#CCFC45

#45FCD0

#7545FC

#FC4570

Color Blindness Simulation

Original

#CCFC45

Protanopia

#E1E171

Deuteranopia

#DEDA7C

Tritanopia

#CE949C

Achromatopsia

#E5E5E5

CSS Usage

background-color: #CCFC45;
color: #CCFC45;
border-color: #CCFC45;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#FAFEF1
100
#F4FCDE
200
#ECFEB9
300
#DEFD87
400
#CCFC45
500
#BAFB04
600
#95C903
700
#77A103
800
#5D7D02
900
#455B06
950
#2B3904

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

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