#C53407

#C53407

Color Values

HEX

#C53407

RGB

197, 52, 7

HSL

14.2, 93.1%, 40.0%

HSV

14.2, 96.4%, 77.3%

CMYK

0.0%, 73.6%, 96.4%, 22.7%

OKLCH

0.5447 0.1876 34.9

Properties

Warm Dark Nearest: orangered 3

Color Harmonies

Complementary

#C53407

#0798C5

Analogous

#C50739

#C59307

#C53407

Triadic

#C53407

#07C534

#3407C5

Split Complementary

#C53407

#07C593

#0739C5

Tetradic

#C53407

#39C507

#0798C5

#9307C5

Color Blindness Simulation

Original

#C53407

Protanopia

#868512

Deuteranopia

#8F9914

Tritanopia

#BE1A1C

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#FDF4F1
100
#FBE6DF
200
#FDCABA
300
#FBA489
400
#F87249
500
#F64109
600
#C53407
700
#9E2A06
800
#7B2004
900
#591B08
950
#381105

Contrast Checker

Text on white

5.43:1

AA Pass AAA Fail

Text on black

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