#C9AF03

#C9AF03

Color Values

HEX

#C9AF03

RGB

201, 175, 3

HSL

52.1, 97.1%, 40.0%

HSV

52.1, 98.5%, 78.8%

CMYK

0.0%, 12.9%, 98.5%, 21.2%

OKLCH

0.7537 0.1555 98.4

Properties

Warm Light Nearest: gold 3

Color Harmonies

Complementary

#C9AF03

#031DC9

Analogous

#C94C03

#80C903

#C9AF03

Triadic

#C9AF03

#03C9AF

#AF03C9

Split Complementary

#C9AF03

#0380C9

#4C03C9

Tetradic

#C9AF03

#03C94C

#031DC9

#C90380

Color Blindness Simulation

Original

#C9AF03

Protanopia

#BEBE2D

Deuteranopia

#BFC137

Tritanopia

#C84E55

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#FEFCF1
100
#FCF8DE
200
#FEF5B9
300
#FDEE86
400
#FCE445
500
#FBDB04
600
#C9AF03
700
#A18C02
800
#7E6D02
900
#5B5006
950
#393204

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

9.62: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