#580A05

#580A05

Color Values

HEX

#580A05

RGB

88, 10, 5

HSL

3.6, 89.2%, 18.2%

HSV

3.6, 94.3%, 34.5%

CMYK

0.0%, 88.6%, 94.3%, 65.5%

OKLCH

0.2976 0.1104 29.7

Properties

Warm Dark Nearest: RAL 3011 Brown Red

Color Harmonies

Complementary

#580A05

#055358

Analogous

#580529

#583305

#580A05

Triadic

#580A05

#05580A

#0A0558

Split Complementary

#580A05

#055833

#052958

Tetradic

#580A05

#295805

#055358

#330558

Color Blindness Simulation

Original

#580A05

Protanopia

#363606

Deuteranopia

#3B4106

Tritanopia

#540707

Achromatopsia

#1A1A1A

CSS Usage

background-color: #580A05;
color: #580A05;
border-color: #580A05;
Nearest Tailwind: Red 950 #450A0A

Tailwind Shades

50
#FDF2F2
100
#FBE1E0
200
#FBBFBB
300
#F8928B
400
#F5574C
500
#F11B0E
600
#C1160B
700
#9A1209
800
#790E07
900
#570E0A
950
#370906

Contrast Checker

Text on white

14.38:1

AA Pass AAA Pass

Text on black

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