#C87C04

#C87C04

Color Values

HEX

#C87C04

RGB

200, 124, 4

HSL

36.7, 96.1%, 40.0%

HSV

36.7, 98.0%, 78.4%

CMYK

0.0%, 38.0%, 98.0%, 21.6%

OKLCH

0.6522 0.1426 67.6

Properties

Warm Light Nearest: orange 3

Color Harmonies

Complementary

#C87C04

#0450C8

Analogous

#C81A04

#B2C804

#C87C04

Triadic

#C87C04

#04C87C

#7C04C8

Split Complementary

#C87C04

#04B2C8

#1A04C8

Tetradic

#C87C04

#04C81A

#0450C8

#C804B2

Color Blindness Simulation

Original

#C87C04

Protanopia

#A7A621

Deuteranopia

#ACB128

Tritanopia

#C4383D

Achromatopsia

#838383

CSS Usage

background-color: #C87C04;
color: #C87C04;
border-color: #C87C04;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FEF9F1
100
#FCF0DF
200
#FEE3B9
300
#FDCF87
400
#FBB546
500
#FA9B05
600
#C87C04
700
#A06303
800
#7D4D02
900
#5A3A07
950
#392504

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

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