#C87104

#C87104

Color Values

HEX

#C87104

RGB

200, 113, 4

HSL

33.4, 96.1%, 40.0%

HSV

33.4, 98.0%, 78.4%

CMYK

0.0%, 43.5%, 98.0%, 21.6%

OKLCH

0.6328 0.1464 60.7

Properties

Warm Light Nearest: darkorange 3

Color Harmonies

Complementary

#C87104

#045BC8

Analogous

#C80F04

#BDC804

#C87104

Triadic

#C87104

#04C871

#7104C8

Split Complementary

#C87104

#04BDC8

#0F04C8

Tetradic

#C87104

#04C80F

#045BC8

#C804BD

Color Blindness Simulation

Original

#C87104

Protanopia

#A2A21E

Deuteranopia

#A7AE25

Tritanopia

#C43338

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FEF8F1
100
#FCEFDF
200
#FEDFB9
300
#FDC887
400
#FBAB46
500
#FA8D05
600
#C87104
700
#A05A03
800
#7D4702
900
#5A3507
950
#392204

Contrast Checker

Text on white

3.61:1

AA Fail AAA Fail

Text on black

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