#CCA500

#CCA500

Color Values

HEX

#CCA500

RGB

204, 165, 0

HSL

48.5, 100.0%, 40.0%

HSV

48.5, 100.0%, 80.0%

CMYK

0.0%, 19.1%, 100.0%, 20.0%

OKLCH

0.736 0.1505 91.7

Properties

Warm Light Nearest: NCS S 2060-Y Rich Yellow

Color Harmonies

Complementary

#CCA500

#0027CC

Analogous

#CC3F00

#8DCC00

#CCA500

Triadic

#CCA500

#00CCA5

#A500CC

Split Complementary

#CCA500

#008DCC

#3F00CC

Tetradic

#CCA500

#00CC3F

#0027CC

#CC008D

Color Blindness Simulation

Original

#CCA500

Protanopia

#BBBB28

Deuteranopia

#BDC032

Tritanopia

#CA474E

Achromatopsia

#A1A1A1

CSS Usage

background-color: #CCA500;
color: #CCA500;
border-color: #CCA500;
Nearest Tailwind: Yellow 500 #EAB308

Tailwind Shades

50
#FEFBF1
100
#FCF7DE
200
#FFF1B8
300
#FFE885
400
#FFDB42
500
#FFCE00
600
#CCA500
700
#A38400
800
#806700
900
#5C4B05
950
#3A3003

Contrast Checker

Text on white

2.35:1

AA Fail AAA Fail

Text on black

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