#CCF30C

#CCF30C

Color Values

HEX

#CCF30C

RGB

204, 243, 12

HSL

70.1, 90.6%, 50.0%

HSV

70.1, 95.1%, 95.3%

CMYK

16.0%, 0.0%, 95.1%, 4.7%

OKLCH

0.9041 0.2149 120.8

Properties

Cool Light Nearest: RAL 1016 Sulfur Yellow

Color Harmonies

Complementary

#CCF30C

#330CF3

Analogous

#F3A60C

#59F30C

#CCF30C

Triadic

#CCF30C

#0CCCF3

#F30CCC

Split Complementary

#CCF30C

#0C59F3

#A60CF3

Tetradic

#CCF30C

#0CF3A6

#330CF3

#F30C59

Color Blindness Simulation

Original

#CCF30C

Protanopia

#DDDD44

Deuteranopia

#DBD851

Tritanopia

#CE707A

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#FBFDF1
100
#F6FBDF
200
#F1FCBB
300
#E7F98A
400
#D9F64B
500
#CCF30C
600
#A3C20A
700
#839C08
800
#667A06
900
#4B5809
950
#2F3806

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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