#C53007

#C53007

Color Values

HEX

#C53007

RGB

197, 48, 7

HSL

12.9, 93.1%, 40.0%

HSV

12.9, 96.4%, 77.3%

CMYK

0.0%, 75.6%, 96.4%, 22.7%

OKLCH

0.5411 0.1906 34.0

Properties

Warm Dark Nearest: orangered 3

Color Harmonies

Complementary

#C53007

#079CC5

Analogous

#C5073D

#C58F07

#C53007

Triadic

#C53007

#07C530

#3007C5

Split Complementary

#C53007

#07C58F

#073DC5

Tetradic

#C53007

#3DC507

#079CC5

#8F07C5

Color Blindness Simulation

Original

#C53007

Protanopia

#848311

Deuteranopia

#8D9813

Tritanopia

#BE191A

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FDF4F1
100
#FBE5DF
200
#FDC8BA
300
#FBA189
400
#F86F49
500
#F63C09
600
#C53007
700
#9E2606
800
#7B1E04
900
#591908
950
#381005

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

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