#C86004

#C86004

Color Values

HEX

#C86004

RGB

200, 96, 4

HSL

28.2, 96.1%, 40.0%

HSV

28.2, 98.0%, 78.4%

CMYK

0.0%, 52.0%, 98.0%, 21.6%

OKLCH

0.605 0.1562 51.1

Properties

Warm Light Nearest: darkorange 3

Color Harmonies

Complementary

#C86004

#046CC8

Analogous

#C8040A

#C8C204

#C86004

Triadic

#C86004

#04C860

#6004C8

Split Complementary

#C86004

#04C8C2

#040AC8

Tetradic

#C86004

#0AC804

#046CC8

#C204C8

Color Blindness Simulation

Original

#C86004

Protanopia

#9B9A1A

Deuteranopia

#A1A920

Tritanopia

#C32C30

Achromatopsia

#6F6F6F

CSS Usage

background-color: #C86004;
color: #C86004;
border-color: #C86004;
Nearest Tailwind: Amber 700 #B45309

Tailwind Shades

50
#FEF7F1
100
#FCECDF
200
#FED9B9
300
#FDBE87
400
#FB9B46
500
#FA7805
600
#C86004
700
#A04D03
800
#7D3C02
900
#5A2E07
950
#391D04

Contrast Checker

Text on white

4.09:1

AA Fail AAA Fail

Text on black

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