#C87004

#C87004

Color Values

HEX

#C87004

RGB

200, 112, 4

HSL

33.1, 96.1%, 40.0%

HSV

33.1, 98.0%, 78.4%

CMYK

0.0%, 44.0%, 98.0%, 21.6%

OKLCH

0.631 0.1469 60.1

Properties

Warm Light Nearest: darkorange 3

Color Harmonies

Complementary

#C87004

#045CC8

Analogous

#C80E04

#BEC804

#C87004

Triadic

#C87004

#04C870

#7004C8

Split Complementary

#C87004

#04BEC8

#0E04C8

Tetradic

#C87004

#04C80E

#045CC8

#C804BE

Color Blindness Simulation

Original

#C87004

Protanopia

#A2A11E

Deuteranopia

#A7AE24

Tritanopia

#C43337

Achromatopsia

#7B7B7B

CSS Usage

background-color: #C87004;
color: #C87004;
border-color: #C87004;
Nearest Tailwind: Amber 600 #D97706

Tailwind Shades

50
#FEF8F1
100
#FCEFDF
200
#FEDFB9
300
#FDC887
400
#FBAA46
500
#FA8C05
600
#C87004
700
#A05A03
800
#7D4602
900
#5A3507
950
#392104

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

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