#C94503

#C94503

Color Values

HEX

#C94503

RGB

201, 69, 3

HSL

20.0, 97.1%, 40.0%

HSV

20.0, 98.5%, 78.8%

CMYK

0.0%, 65.7%, 98.5%, 21.2%

OKLCH

0.5695 0.1784 39.7

Properties

Warm Dark Nearest: orangered 3

Color Harmonies

Complementary

#C94503

#0387C9

Analogous

#C90324

#C9A803

#C94503

Triadic

#C94503

#03C945

#4503C9

Split Complementary

#C94503

#03C9A8

#0324C9

Tetradic

#C94503

#24C903

#0387C9

#A803C9

Color Blindness Simulation

Original

#C94503

Protanopia

#908F13

Deuteranopia

#98A117

Tritanopia

#C22022

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FEF5F1
100
#FCE8DE
200
#FED0B9
300
#FDAE86
400
#FC8245
500
#FB5604
600
#C94503
700
#A13702
800
#7E2B02
900
#5B2206
950
#391604

Contrast Checker

Text on white

4.84:1

AA Pass AAA Fail

Text on black

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