#CCB900

#CCB900

Color Values

HEX

#CCB900

RGB

204, 185, 0

HSL

54.4, 100.0%, 40.0%

HSV

54.4, 100.0%, 80.0%

CMYK

0.0%, 9.3%, 100.0%, 20.0%

OKLCH

0.7775 0.1628 102.0

Properties

Warm Light Nearest: gold 3

Color Harmonies

Complementary

#CCB900

#0013CC

Analogous

#CC5300

#79CC00

#CCB900

Triadic

#CCB900

#00CCB9

#B900CC

Split Complementary

#CCB900

#0079CC

#5300CC

Tetradic

#CCB900

#00CC53

#0013CC

#CC0079

Color Blindness Simulation

Original

#CCB900

Protanopia

#C4C42D

Deuteranopia

#C5C638

Tritanopia

#CB5058

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCF9DE
200
#FFF8B8
300
#FFF485
400
#FFED42
500
#FFE700
600
#CCB900
700
#A39400
800
#807400
900
#5C5405
950
#3A3503

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

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