#C87C41

#C87C41

Color Values

HEX

#C87C41

RGB

200, 124, 65

HSL

26.2, 55.1%, 52.0%

HSV

26.2, 67.5%, 78.4%

CMYK

0.0%, 38.0%, 67.5%, 21.6%

OKLCH

0.656 0.1203 56.4

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#C87C41

#418DC8

Analogous

#C8414A

#C8BF41

#C87C41

Triadic

#C87C41

#41C87C

#7C41C8

Split Complementary

#C87C41

#41C8BF

#414AC8

Tetradic

#C87C41

#4AC841

#418DC8

#BF41C8

Color Blindness Simulation

Original

#C87C41

Protanopia

#A7A64F

Deuteranopia

#ACB153

Tritanopia

#C45B5D

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F6ECE5
200
#EFD9C8
300
#E4BEA0
400
#D59A6D
500
#C67739
600
#9E5F2E
700
#7F4C25
800
#633B1D
900
#482D18
950
#2E1D0F

Contrast Checker

Text on white

3.27:1

AA Fail AAA Fail

Text on black

6.42:1

AA Pass AAA Fail

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