#C9B978

#C9B978

Color Values

HEX

#C9B978

RGB

201, 185, 120

HSL

48.1, 42.9%, 62.9%

HSV

48.1, 40.3%, 78.8%

CMYK

0.0%, 8.0%, 40.3%, 21.2%

OKLCH

0.7843 0.0863 96.0

Properties

Warm Light Nearest: RAL 1001 Beige

Color Harmonies

Complementary

#C9B978

#7888C9

Analogous

#C99078

#B0C978

#C9B978

Triadic

#C9B978

#78C9B9

#B978C9

Split Complementary

#C9B978

#78B0C9

#9078C9

Tetradic

#C9B978

#78C990

#7888C9

#C978B0

Color Blindness Simulation

Original

#C9B978

Protanopia

#C2C288

Deuteranopia

#C3C48C

Tritanopia

#C89497

Achromatopsia

#B8B8B8

CSS Usage

background-color: #C9B978;
color: #C9B978;
border-color: #C9B978;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FAF9F5
100
#F4F1E7
200
#EBE5CC
300
#DCD2A8
400
#C9B978
500
#B6A149
600
#92803A
700
#75672F
800
#5B5024
900
#433C1E
950
#2A2613

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

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