#C9C387

#C9C387

Color Values

HEX

#C9C387

RGB

201, 195, 135

HSL

54.5, 37.9%, 65.9%

HSV

54.5, 32.8%, 78.8%

CMYK

0.0%, 3.0%, 32.8%, 21.2%

OKLCH

0.8078 0.079 103.2

Properties

Warm Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#C9C387

#878DC9

Analogous

#C9A287

#AEC987

#C9C387

Triadic

#C9C387

#87C9C3

#C387C9

Split Complementary

#C9C387

#87AEC9

#A287C9

Tetradic

#C9C387

#87C9A2

#878DC9

#C987AE

Color Blindness Simulation

Original

#C9C387

Protanopia

#C6C696

Deuteranopia

#C7C799

Tritanopia

#C9A1A4

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F3F2E7
200
#E9E6CE
300
#D9D5AB
400
#C4BE7D
500
#B0A74F
600
#8D863F
700
#716B33
800
#585328
900
#413E20
950
#292714

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

11.64:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026