#C4B408

#C4B408

Color Values

HEX

#C4B408

RGB

196, 180, 8

HSL

54.9, 92.2%, 40.0%

HSV

54.9, 95.9%, 76.9%

CMYK

0.0%, 8.2%, 95.9%, 23.1%

OKLCH

0.7597 0.1585 103.0

Properties

Warm Light Nearest: gold 3

Color Harmonies

Complementary

#C4B408

#0818C4

Analogous

#C45608

#76C408

#C4B408

Triadic

#C4B408

#08C4B4

#B408C4

Split Complementary

#C4B408

#0876C4

#5608C4

Tetradic

#C4B408

#08C456

#0818C4

#C40876

Color Blindness Simulation

Original

#C4B408

Protanopia

#BDBD32

Deuteranopia

#BEBF3C

Tritanopia

#C3535A

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#FDFCF1
100
#FBF9DF
200
#FCF7BA
300
#FAF189
400
#F8E94A
500
#F5E10A
600
#C4B408
700
#9D9006
800
#7B7105
900
#595208
950
#383405

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

9.88:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026