#C72A05

#C72A05

Color Values

HEX

#C72A05

RGB

199, 42, 5

HSL

11.4, 95.1%, 40.0%

HSV

11.4, 97.5%, 78.0%

CMYK

0.0%, 78.9%, 97.5%, 22.0%

OKLCH

0.5397 0.1967 32.9

Properties

Warm Dark Nearest: orangered 3

Color Harmonies

Complementary

#C72A05

#05A2C7

Analogous

#C70541

#C78B05

#C72A05

Triadic

#C72A05

#05C72A

#2A05C7

Split Complementary

#C72A05

#05C78B

#0541C7

Tetradic

#C72A05

#41C705

#05A2C7

#8B05C7

Color Blindness Simulation

Original

#C72A05

Protanopia

#83820E

Deuteranopia

#8C9810

Tritanopia

#BF1517

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE4DF
200
#FDC6B9
300
#FC9E88
400
#FA6947
500
#F93406
600
#C72A05
700
#9F2104
800
#7C1A03
900
#5A1707
950
#390E04

Contrast Checker

Text on white

5.58:1

AA Pass AAA Fail

Text on black

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