#C63706

#C63706

Color Values

HEX

#C63706

RGB

198, 55, 6

HSL

15.3, 94.1%, 40.0%

HSV

15.3, 97.0%, 77.6%

CMYK

0.0%, 72.2%, 97.0%, 22.4%

OKLCH

0.5493 0.1864 35.7

Properties

Warm Dark Nearest: orangered 3

Color Harmonies

Complementary

#C63706

#0695C6

Analogous

#C60635

#C69706

#C63706

Triadic

#C63706

#06C637

#3706C6

Split Complementary

#C63706

#06C697

#0635C6

Tetradic

#C63706

#35C606

#0695C6

#9706C6

Color Blindness Simulation

Original

#C63706

Protanopia

#888712

Deuteranopia

#909B15

Tritanopia

#BF1B1D

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FDF4F1
100
#FBE6DF
200
#FDCBBA
300
#FBA688
400
#F97548
500
#F74508
600
#C63706
700
#9E2C05
800
#7C2204
900
#591C07
950
#391205

Contrast Checker

Text on white

5.32:1

AA Pass AAA Fail

Text on black

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