#CCCC30

#CCCC30

Color Values

HEX

#CCCC30

RGB

204, 204, 48

HSL

60.0, 61.9%, 49.4%

HSV

60.0, 76.5%, 80.0%

CMYK

0.0%, 0.0%, 76.5%, 20.0%

OKLCH

0.8195 0.1654 109.6

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#CCCC30

#3030CC

Analogous

#CC7E30

#7ECC30

#CCCC30

Triadic

#CCCC30

#30CCCC

#CC30CC

Split Complementary

#CCCC30

#307ECC

#7E30CC

Tetradic

#CCCC30

#30CC7E

#3030CC

#CC307E

Color Blindness Simulation

Original

#CCCC30

Protanopia

#CCCC56

Deuteranopia

#CCCC5F

Tritanopia

#CC747A

Achromatopsia

#C1C1C1

CSS Usage

background-color: #CCCC30;
color: #CCCC30;
border-color: #CCCC30;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FBFBF3
100
#F7F7E4
200
#F1F1C5
300
#E8E89C
400
#DBDB66
500
#CECE31
600
#A5A527
700
#84841F
800
#676718
900
#4B4B15
950
#30300E

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

12.25:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026