#C43202

#C43202

Color Values

HEX

#C43202

RGB

196, 50, 2

HSL

14.8, 98.0%, 38.8%

HSV

14.8, 99.0%, 76.9%

CMYK

0.0%, 74.5%, 99.0%, 23.1%

OKLCH

0.5409 0.1886 35.0

Properties

Warm Dark Nearest: orangered 3

Color Harmonies

Complementary

#C43202

#0294C4

Analogous

#C40233

#C49302

#C43202

Triadic

#C43202

#02C432

#3202C4

Split Complementary

#C43202

#02C493

#0233C4

Tetradic

#C43202

#33C402

#0294C4

#9302C4

Color Blindness Simulation

Original

#C43202

Protanopia

#85840E

Deuteranopia

#8D9810

Tritanopia

#BD1719

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE6DE
200
#FECAB8
300
#FEA386
400
#FD7244
500
#FC4003
600
#CA3302
700
#A22902
800
#7E2001
900
#5B1B06
950
#3A1104

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

3.8:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026