#580D30

#580D30

Color Values

HEX

#580D30

RGB

88, 13, 48

HSL

332.0, 74.3%, 19.8%

HSV

332.0, 85.2%, 34.5%

CMYK

0.0%, 85.2%, 45.5%, 65.5%

OKLCH

0.3099 0.1104 358.0

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#580D30

#0D5835

Analogous

#580D56

#580F0D

#580D30

Triadic

#580D30

#30580D

#0D3058

Split Complementary

#580D30

#0D580F

#0D5658

Tetradic

#580D30

#56580D

#0D5835

#0F0D58

Color Blindness Simulation

Original

#580D30

Protanopia

#383728

Deuteranopia

#3C4225

Tritanopia

#54211F

Achromatopsia

#1F1F1F

CSS Usage

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

Tailwind Shades

50
#FCF3F7
100
#F8E2EC
200
#F6C1DA
300
#EF94BF
400
#E75B9C
500
#DE2179
600
#B21A61
700
#8E154E
800
#6F103D
900
#51102E
950
#330A1D

Contrast Checker

Text on white

13.86:1

AA Pass AAA Pass

Text on black

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