#C87C29

#C87C29

Color Values

HEX

#C87C29

RGB

200, 124, 41

HSL

31.3, 66.0%, 47.3%

HSV

31.3, 79.5%, 78.4%

CMYK

0.0%, 38.0%, 79.5%, 21.6%

OKLCH

0.6537 0.1325 63.2

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#C87C29

#2975C8

Analogous

#C82C29

#C5C829

#C87C29

Triadic

#C87C29

#29C87C

#7C29C8

Split Complementary

#C87C29

#29C5C8

#2C29C8

Tetradic

#C87C29

#29C82C

#2975C8

#C829C5

Color Blindness Simulation

Original

#C87C29

Protanopia

#A7A63D

Deuteranopia

#ACB142

Tritanopia

#C44D50

Achromatopsia

#868686

CSS Usage

background-color: #C87C29;
color: #C87C29;
border-color: #C87C29;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FCF8F3
100
#F7EEE3
200
#F3DCC4
300
#EAC499
400
#DFA362
500
#D4832B
600
#A96923
700
#87541C
800
#6A4216
900
#4D3214
950
#311F0C

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

6.37:1

AA Pass AAA Fail

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