#C63406

#C63406

Color Values

HEX

#C63406

RGB

198, 52, 6

HSL

14.4, 94.1%, 40.0%

HSV

14.4, 97.0%, 77.6%

CMYK

0.0%, 73.7%, 97.0%, 22.4%

OKLCH

0.5464 0.1887 35.0

Properties

Warm Dark Nearest: orangered 3

Color Harmonies

Complementary

#C63406

#0698C6

Analogous

#C60638

#C69406

#C63406

Triadic

#C63406

#06C634

#3406C6

Split Complementary

#C63406

#06C694

#0638C6

Tetradic

#C63406

#38C606

#0698C6

#9406C6

Color Blindness Simulation

Original

#C63406

Protanopia

#878611

Deuteranopia

#8F9A14

Tritanopia

#BF1A1C

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#FDF4F1
100
#FBE6DF
200
#FDCABA
300
#FBA488
400
#F97248
500
#F74108
600
#C63406
700
#9E2A05
800
#7C2104
900
#591B07
950
#391105

Contrast Checker

Text on white

5.39:1

AA Pass AAA Fail

Text on black

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