#C49302

#C49302

Color Values

HEX

#C49302

RGB

196, 147, 2

HSL

44.8, 98.0%, 38.8%

HSV

44.8, 99.0%, 76.9%

CMYK

0.0%, 25.0%, 99.0%, 23.1%

OKLCH

0.6913 0.1414 84.6

Properties

Warm Light Nearest: darkgoldenrod 3

Color Harmonies

Complementary

#C49302

#0233C4

Analogous

#C43202

#94C402

#C49302

Triadic

#C49302

#02C493

#9302C4

Split Complementary

#C49302

#0294C4

#3202C4

Tetradic

#C49302

#02C432

#0233C4

#C40294

Color Blindness Simulation

Original

#C49302

Protanopia

#AFAE25

Deuteranopia

#B2B52E

Tritanopia

#C24147

Achromatopsia

#939393

CSS Usage

background-color: #C49302;
color: #C49302;
border-color: #C49302;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FEFAF1
100
#FCF4DE
200
#FEEDB8
300
#FEDF86
400
#FDCE44
500
#FCBD03
600
#CA9702
700
#A27902
800
#7E5F01
900
#5B4606
950
#3A2C04

Contrast Checker

Text on white

2.79:1

AA Fail AAA Fail

Text on black

7.52:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026