#C87D04

#C87D04

Color Values

HEX

#C87D04

RGB

200, 125, 4

HSL

37.0, 96.1%, 40.0%

HSV

37.0, 98.0%, 78.4%

CMYK

0.0%, 37.5%, 98.0%, 21.6%

OKLCH

0.654 0.1424 68.2

Properties

Warm Light Nearest: orange 3

Color Harmonies

Complementary

#C87D04

#044FC8

Analogous

#C81B04

#B1C804

#C87D04

Triadic

#C87D04

#04C87D

#7D04C8

Split Complementary

#C87D04

#04B1C8

#1B04C8

Tetradic

#C87D04

#04C81B

#044FC8

#C804B1

Color Blindness Simulation

Original

#C87D04

Protanopia

#A8A721

Deuteranopia

#ACB228

Tritanopia

#C4383D

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#FEF9F1
100
#FCF1DF
200
#FEE3B9
300
#FDD087
400
#FBB646
500
#FA9C05
600
#C87D04
700
#A06403
800
#7D4E02
900
#5A3A07
950
#392504

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

6.39:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026