#CCC900

#CCC900

Color Values

HEX

#CCC900

RGB

204, 201, 0

HSL

59.1, 100.0%, 40.0%

HSV

59.1, 100.0%, 80.0%

CMYK

0.0%, 1.5%, 100.0%, 20.0%

OKLCH

0.8117 0.1757 108.7

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#CCC900

#0003CC

Analogous

#CC6300

#69CC00

#CCC900

Triadic

#CCC900

#00CCC9

#C900CC

Split Complementary

#CCC900

#0069CC

#6300CC

Tetradic

#CCC900

#00CC63

#0003CC

#CC0069

Color Blindness Simulation

Original

#CCC900

Protanopia

#CBCB31

Deuteranopia

#CBCB3C

Tritanopia

#CC575F

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#FEFEF1
100
#FCFCDE
200
#FFFEB8
300
#FFFD85
400
#FFFC42
500
#FFFB00
600
#CCC900
700
#A3A100
800
#807E00
900
#5C5B05
950
#3A3903

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

11.92:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026