#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

Фев 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Янв 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Янв 21, 2026