#CAC730

#CAC730

Color Values

HEX

#CAC730

RGB

202, 199, 48

HSL

58.8, 61.6%, 49.0%

HSV

58.8, 76.2%, 79.2%

CMYK

0.0%, 1.5%, 76.2%, 20.8%

OKLCH

0.8071 0.161 108.3

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#CAC730

#3033CA

Analogous

#CA7A30

#80CA30

#CAC730

Triadic

#CAC730

#30CAC7

#C730CA

Split Complementary

#CAC730

#3080CA

#7A30CA

Tetradic

#CAC730

#30CA7A

#3033CA

#CA3080

Color Blindness Simulation

Original

#CAC730

Protanopia

#C9C954

Deuteranopia

#C9C95D

Tritanopia

#CA7178

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F6F6E4
200
#F1F0C5
300
#E7E69C
400
#DBD867
500
#CECB31
600
#A5A227
700
#84821F
800
#676518
900
#4B4A16
950
#302F0E

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

11.72:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026