#C3AF09

#C3AF09

Color Values

HEX

#C3AF09

RGB

195, 175, 9

HSL

53,5, 91,2%, 40,0%

HSV

53,5, 95,4%, 76,5%

CMYK

0,0%, 10,3%, 95,4%, 23,5%

OKLCH

0,7481 0,1546 101,0

Properties

Warm Light Nearest: gold 3

Color Harmonies

Complementary

#C3AF09

#091DC3

Analogous

#C35209

#7AC309

#C3AF09

Triadic

#C3AF09

#09C3AF

#AF09C3

Split Complementary

#C3AF09

#097AC3

#5209C3

Tetradic

#C3AF09

#09C352

#091DC3

#C3097A

Color Blindness Simulation

Original

#C3AF09

Protanopia

#BABA31

Deuteranopia

#BCBD3B

Tritanopia

#C25158

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#FDFCF1
100
#FBF8DF
200
#FCF5BB
300
#FAEE8A
400
#F7E44B
500
#F4DB0B
600
#C3AF09
700
#9C8C07
800
#7A6D06
900
#585009
950
#383205

Contrast Checker

Text on white

2,22:1

AA Fail AAA Fail

Text on black

9,46: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