#C84604

#C84604

Color Values

HEX

#C84604

RGB

200, 70, 4

HSL

20.2, 96.1%, 40.0%

HSV

20.2, 98.0%, 78.4%

CMYK

0.0%, 65.0%, 98.0%, 21.6%

OKLCH

0.5691 0.1765 40.1

Properties

Warm Dark Nearest: RAL 2010 Signal Orange

Color Harmonies

Complementary

#C84604

#0486C8

Analogous

#C80424

#C8A804

#C84604

Triadic

#C84604

#04C846

#4604C8

Split Complementary

#C84604

#04C8A8

#0424C8

Tetradic

#C84604

#24C804

#0486C8

#A804C8

Color Blindness Simulation

Original

#C84604

Protanopia

#908F14

Deuteranopia

#97A118

Tritanopia

#C22123

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FEF5F1
100
#FCE8DF
200
#FED0B9
300
#FDAF87
400
#FB8346
500
#FA5705
600
#C84604
700
#A03803
800
#7D2C02
900
#5A2307
950
#391604

Contrast Checker

Text on white

4.85:1

AA Pass AAA Fail

Text on black

4.33:1

AA Fail 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