#81220C

#81220C

Color Values

HEX

#81220C

RGB

129, 34, 12

HSL

11.3, 83.0%, 27.6%

HSV

11.3, 90.7%, 50.6%

CMYK

0.0%, 73.6%, 90.7%, 49.4%

OKLCH

0.4031 0.1334 33.9

Properties

Warm Dark Nearest: orangered 4

Color Harmonies

Complementary

#81220C

#0C6B81

Analogous

#810C30

#815C0C

#81220C

Triadic

#81220C

#0C8122

#220C81

Split Complementary

#81220C

#0C815C

#0C3081

Tetradic

#81220C

#30810C

#0C6B81

#5C0C81

Color Blindness Simulation

Original

#81220C

Protanopia

#585711

Deuteranopia

#5D6413

Tritanopia

#7C1616

Achromatopsia

#353535

CSS Usage

background-color: #81220C;
color: #81220C;
border-color: #81220C;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FDF4F2
100
#FAE5E1
200
#F9C9BE
300
#F5A28F
400
#EF7052
500
#E93E16
600
#BB3111
700
#95270E
800
#751F0B
900
#551A0C
950
#351008

Contrast Checker

Text on white

9.69:1

AA Pass AAA Pass

Text on black

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