#580D37

#580D37

Color Values

HEX

#580D37

RGB

88, 13, 55

HSL

326.4, 74.3%, 19.8%

HSV

326.4, 85.2%, 34.5%

CMYK

0.0%, 85.2%, 37.5%, 65.5%

OKLCH

0.3128 0.1138 351.9

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#580D37

#0D582E

Analogous

#540D58

#580D11

#580D37

Triadic

#580D37

#37580D

#0D3758

Split Complementary

#580D37

#11580D

#0D5854

Tetradic

#580D37

#58540D

#0D582E

#0D1158

Color Blindness Simulation

Original

#580D37

Protanopia

#38372D

Deuteranopia

#3C422A

Tritanopia

#542523

Achromatopsia

#202020

CSS Usage

background-color: #580D37;
color: #580D37;
border-color: #580D37;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FCF3F8
100
#F8E2EF
200
#F6C1DE
300
#EF94C7
400
#E75BA9
500
#DE218B
600
#B21A6F
700
#8E1559
800
#6F1045
900
#511034
950
#330A21

Contrast Checker

Text on white

13.75:1

AA Pass AAA Pass

Text on black

1.53:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026