#C74305

#C74305

Color Values

HEX

#C74305

RGB

199, 67, 5

HSL

19.2, 95.1%, 40.0%

HSV

19.2, 97.5%, 78.0%

CMYK

0.0%, 66.3%, 97.5%, 22.0%

OKLCH

0.5639 0.1778 39.2

Properties

Warm Dark Nearest: orangered 3

Color Harmonies

Complementary

#C74305

#0589C7

Analogous

#C70528

#C7A405

#C74305

Triadic

#C74305

#05C743

#4305C7

Split Complementary

#C74305

#05C7A4

#0528C7

Tetradic

#C74305

#28C705

#0589C7

#A405C7

Color Blindness Simulation

Original

#C74305

Protanopia

#8E8D14

Deuteranopia

#969F18

Tritanopia

#C02022

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FEF5F1
100
#FCE8DF
200
#FDCFB9
300
#FCAD88
400
#FA8047
500
#F95406
600
#C74305
700
#9F3604
800
#7C2A03
900
#5A2207
950
#391504

Contrast Checker

Text on white

4.96:1

AA Pass AAA Fail

Text on black

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