#CCF62F

#CCF62F

Color Values

HEX

#CCF62F

RGB

204, 246, 47

HSL

72,7, 91,7%, 57,5%

HSV

72,7, 80,9%, 96,5%

CMYK

17,1%, 0,0%, 80,9%, 3,5%

OKLCH

0,9116 0,2093 121,8

Properties

Cool Light Nearest: olivedrab 1

Color Harmonies

Complementary

#CCF62F

#592FF6

Analogous

#F6BD2F

#69F62F

#CCF62F

Triadic

#CCF62F

#2FCCF6

#F62FCC

Split Complementary

#CCF62F

#2F69F6

#BD2FF6

Tetradic

#CCF62F

#2FF6BD

#592FF6

#F62F69

Color Blindness Simulation

Original

#CCF62F

Protanopia

#DEDF5F

Deuteranopia

#DCD96B

Tritanopia

#CE858E

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#FBFDF1
100
#F5FBDF
200
#EEFCBB
300
#E2FA8A
400
#D3F74A
500
#C3F40B
600
#9CC408
700
#7D9C07
800
#617A05
900
#485808
950
#2D3805

Contrast Checker

Text on white

1,25:1

AA Fail AAA Fail

Text on black

16,79: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