#C63206

#C63206

Color Values

HEX

#C63206

RGB

198, 50, 6

HSL

13.8, 94.1%, 40.0%

HSV

13.8, 97.0%, 77.6%

CMYK

0.0%, 74.7%, 97.0%, 22.4%

OKLCH

0.5446 0.1901 34.5

Properties

Warm Dark Nearest: orangered 3

Color Harmonies

Complementary

#C63206

#069AC6

Analogous

#C6063A

#C69206

#C63206

Triadic

#C63206

#06C632

#3206C6

Split Complementary

#C63206

#06C692

#063AC6

Tetradic

#C63206

#3AC606

#069AC6

#9206C6

Color Blindness Simulation

Original

#C63206

Protanopia

#868511

Deuteranopia

#8E9A13

Tritanopia

#BF191B

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FDF4F1
100
#FBE5DF
200
#FDC9BA
300
#FBA388
400
#F97148
500
#F73F08
600
#C63206
700
#9E2805
800
#7C1F04
900
#591A07
950
#391105

Contrast Checker

Text on white

5.44:1

AA Pass AAA Fail

Text on black

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