#C84C04

#C84C04

Color Values

HEX

#C84C04

RGB

200, 76, 4

HSL

22.0, 96.1%, 40.0%

HSV

22.0, 98.0%, 78.4%

CMYK

0.0%, 62.0%, 98.0%, 21.6%

OKLCH

0.5766 0.1715 42.3

Properties

Warm Dark Nearest: NCS S 1070-Y80R Orange

Color Harmonies

Complementary

#C84C04

#0480C8

Analogous

#C8041E

#C8AE04

#C84C04

Triadic

#C84C04

#04C84C

#4C04C8

Split Complementary

#C84C04

#04C8AE

#041EC8

Tetradic

#C84C04

#1EC804

#0480C8

#AE04C8

Color Blindness Simulation

Original

#C84C04

Protanopia

#929115

Deuteranopia

#9AA31A

Tritanopia

#C22326

Achromatopsia

#616161

CSS Usage

background-color: #C84C04;
color: #C84C04;
border-color: #C84C04;
Nearest Tailwind: Orange 700 #C2410C

Tailwind Shades

50
#FEF6F1
100
#FCE9DF
200
#FED2B9
300
#FDB287
400
#FB8846
500
#FA5F05
600
#C84C04
700
#A03D03
800
#7D2F02
900
#5A2507
950
#391804

Contrast Checker

Text on white

4.68:1

AA Pass AAA Fail

Text on black

4.49:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026