#C4AF08

#C4AF08

Color Values

HEX

#C4AF08

RGB

196, 175, 8

HSL

53,3, 92,2%, 40,0%

HSV

53,3, 95,9%, 76,9%

CMYK

0,0%, 10,7%, 95,9%, 23,1%

OKLCH

0,749 0,1548 100,6

Properties

Warm Light Nearest: gold 3

Color Harmonies

Complementary

#C4AF08

#081DC4

Analogous

#C45108

#7BC408

#C4AF08

Triadic

#C4AF08

#08C4AF

#AF08C4

Split Complementary

#C4AF08

#087BC4

#5108C4

Tetradic

#C4AF08

#08C451

#081DC4

#C4087B

Color Blindness Simulation

Original

#C4AF08

Protanopia

#BBBB30

Deuteranopia

#BCBE3A

Tritanopia

#C35057

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#FDFCF1
100
#FBF8DF
200
#FCF5BA
300
#FAEE89
400
#F8E44A
500
#F5DB0A
600
#C4AF08
700
#9D8C06
800
#7B6D05
900
#595008
950
#383205

Contrast Checker

Text on white

2,21:1

AA Fail AAA Fail

Text on black

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