#580431

#580431

Color Values

HEX

#580431

RGB

88, 4, 49

HSL

327.9, 91.3%, 18.0%

HSV

327.9, 95.5%, 34.5%

CMYK

0.0%, 95.5%, 44.3%, 65.5%

OKLCH

0.3036 0.1195 355.6

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#580431

#04582B

Analogous

#550458

#580407

#580431

Triadic

#580431

#315804

#043158

Split Complementary

#580431

#075804

#045855

Tetradic

#580431

#585504

#04582B

#040758

Color Blindness Simulation

Original

#580431

Protanopia

#343326

Deuteranopia

#383F24

Tritanopia

#541E1C

Achromatopsia

#191919

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FCBBDE
300
#FA8AC6
400
#F74BA7
500
#F40B88
600
#C3096D
700
#9C0757
800
#7A0644
900
#580933
950
#380520

Contrast Checker

Text on white

14.22:1

AA Pass AAA Pass

Text on black

1.48:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026