#CCB000

#CCB000

Color Values

HEX

#CCB000

RGB

204, 176, 0

HSL

51.8, 100.0%, 40.0%

HSV

51.8, 100.0%, 80.0%

CMYK

0.0%, 13.7%, 100.0%, 20.0%

OKLCH

0.7587 0.1566 97.6

Properties

Warm Light Nearest: gold 3

Color Harmonies

Complementary

#CCB000

#001CCC

Analogous

#CC4A00

#82CC00

#CCB000

Triadic

#CCB000

#00CCB0

#B000CC

Split Complementary

#CCB000

#0082CC

#4A00CC

Tetradic

#CCB000

#00CC4A

#001CCC

#CC0082

Color Blindness Simulation

Original

#CCB000

Protanopia

#C0C02B

Deuteranopia

#C2C435

Tritanopia

#CB4C54

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#FEFCF1
100
#FCF8DE
200
#FFF5B8
300
#FFEE85
400
#FFE542
500
#FFDC00
600
#CCB000
700
#A38D00
800
#806E00
900
#5C5005
950
#3A3303

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

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