#C9B736

#C9B736

Color Values

HEX

#C9B736

RGB

201, 183, 54

HSL

52.7, 57.6%, 50.0%

HSV

52.7, 73.1%, 78.8%

CMYK

0.0%, 9.0%, 73.1%, 21.2%

OKLCH

0.7724 0.1438 101.1

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#C9B736

#3648C9

Analogous

#C96E36

#91C936

#C9B736

Triadic

#C9B736

#36C9B7

#B736C9

Split Complementary

#C9B736

#3691C9

#6E36C9

Tetradic

#C9B736

#36C96E

#3648C9

#C93691

Color Blindness Simulation

Original

#C9B736

Protanopia

#C1C155

Deuteranopia

#C2C45D

Tritanopia

#C86E73

Achromatopsia

#B2B2B2

CSS Usage

background-color: #C9B736;
color: #C9B736;
border-color: #C9B736;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FBFAF4
100
#F6F4E4
200
#F0EBC7
300
#E5DC9F
400
#D7CA6A
500
#C9B736
600
#A1922B
700
#817523
800
#645C1B
900
#4A4317
950
#2E2B0F

Contrast Checker

Text on white

2.04:1

AA Fail AAA Fail

Text on black

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