#C63F06

#C63F06

Color Values

HEX

#C63F06

RGB

198, 63, 6

HSL

17.8, 94.1%, 40.0%

HSV

17.8, 97.0%, 77.6%

CMYK

0.0%, 68.2%, 97.0%, 22.4%

OKLCH

0.5577 0.18 37.9

Properties

Warm Dark Nearest: orangered 3

Color Harmonies

Complementary

#C63F06

#068DC6

Analogous

#C6062D

#C69F06

#C63F06

Triadic

#C63F06

#06C63F

#3F06C6

Split Complementary

#C63F06

#06C69F

#062DC6

Tetradic

#C63F06

#2DC606

#068DC6

#9F06C6

Color Blindness Simulation

Original

#C63F06

Protanopia

#8C8A14

Deuteranopia

#939E17

Tritanopia

#BF1F21

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#FDF5F1
100
#FBE7DF
200
#FDCEBA
300
#FBAA88
400
#F97D48
500
#F74F08
600
#C63F06
700
#9E3205
800
#7C2704
900
#592007
950
#391405

Contrast Checker

Text on white

5.1:1

AA Pass AAA Fail

Text on black

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