#CCC933

#CCC933

Color Values

HEX

#CCC933

RGB

204, 201, 51

HSL

58.8, 60.0%, 50.0%

HSV

58.8, 75.0%, 80.0%

CMYK

0.0%, 1.5%, 75.0%, 20.0%

OKLCH

0.8132 0.161 108.3

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#CCC933

#3336CC

Analogous

#CC7C33

#83CC33

#CCC933

Triadic

#CCC933

#33CCC9

#C933CC

Split Complementary

#CCC933

#3383CC

#7C33CC

Tetradic

#CCC933

#33CC7C

#3336CC

#CC3383

Color Blindness Simulation

Original

#CCC933

Protanopia

#CBCB57

Deuteranopia

#CBCB60

Tritanopia

#CC747A

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F6F6E4
200
#F1F0C6
300
#E7E59D
400
#D9D768
500
#CCC933
600
#A3A129
700
#838121
800
#66641A
900
#4B4A16
950
#2F2E0E

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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