#C74605

#C74605

Color Values

HEX

#C74605

RGB

199, 70, 5

HSL

20.1, 95.1%, 40.0%

HSV

20.1, 97.5%, 78.0%

CMYK

0.0%, 64.8%, 97.5%, 22.0%

OKLCH

0.5675 0.1754 40.2

Properties

Warm Dark Nearest: RAL 2010 Signal Orange

Color Harmonies

Complementary

#C74605

#0586C7

Analogous

#C70525

#C7A705

#C74605

Triadic

#C74605

#05C746

#4605C7

Split Complementary

#C74605

#05C7A7

#0525C7

Tetradic

#C74605

#25C705

#0586C7

#A705C7

Color Blindness Simulation

Original

#C74605

Protanopia

#8F8E15

Deuteranopia

#97A018

Tritanopia

#C12124

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FEF5F1
100
#FCE8DF
200
#FDD0B9
300
#FCAF88
400
#FA8347
500
#F95706
600
#C74605
700
#9F3804
800
#7C2C03
900
#5A2307
950
#391604

Contrast Checker

Text on white

4.88:1

AA Pass AAA Fail

Text on black

4.31:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026