#580C09

#580C09

Color Values

HEX

#580C09

RGB

88, 12, 9

HSL

2.3, 81.4%, 19.0%

HSV

2.3, 89.8%, 34.5%

CMYK

0.0%, 86.4%, 89.8%, 65.5%

OKLCH

0.2997 0.1083 28.3

Properties

Warm Dark Nearest: RAL 3004 Purple Red

Color Harmonies

Complementary

#580C09

#095558

Analogous

#58092D

#583309

#580C09

Triadic

#580C09

#09580C

#0C0958

Split Complementary

#580C09

#095833

#092D58

Tetradic

#580C09

#2D5809

#095558

#330958

Color Blindness Simulation

Original

#580C09

Protanopia

#37360A

Deuteranopia

#3C410A

Tritanopia

#540A0A

Achromatopsia

#1C1C1C

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE2E1
200
#F8C0BE
300
#F49490
400
#ED5A54
500
#E72018
600
#B91913
700
#94140F
800
#74100C
900
#54100D
950
#350A08

Contrast Checker

Text on white

14.27:1

AA Pass AAA Pass

Text on black

1.47:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026