#C63506

#C63506

Color Values

HEX

#C63506

RGB

198, 53, 6

HSL

14.7, 94.1%, 40.0%

HSV

14.7, 97.0%, 77.6%

CMYK

0.0%, 73.2%, 97.0%, 22.4%

OKLCH

0.5474 0.1879 35.2

Properties

Warm Dark Nearest: orangered 3

Color Harmonies

Complementary

#C63506

#0697C6

Analogous

#C60637

#C69506

#C63506

Triadic

#C63506

#06C635

#3506C6

Split Complementary

#C63506

#06C695

#0637C6

Tetradic

#C63506

#37C606

#0697C6

#9506C6

Color Blindness Simulation

Original

#C63506

Protanopia

#878611

Deuteranopia

#909A14

Tritanopia

#BF1A1C

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#FDF4F1
100
#FBE6DF
200
#FDCABA
300
#FBA488
400
#F97348
500
#F74208
600
#C63506
700
#9E2A05
800
#7C2104
900
#591C07
950
#391105

Contrast Checker

Text on white

5.37:1

AA Pass AAA Fail

Text on black

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