#582F49

#582F49

Color Values

HEX

#582F49

RGB

88, 47, 73

HSL

322.0, 30.4%, 26.5%

HSV

322.0, 46.6%, 34.5%

CMYK

0.0%, 46.6%, 17.0%, 65.5%

OKLCH

0.3671 0.0703 342.5

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#582F49

#2F583E

Analogous

#532F58

#582F35

#582F49

Triadic

#582F49

#49582F

#2F4958

Split Complementary

#582F49

#35582F

#2F5853

Tetradic

#582F49

#58532F

#2F583E

#2F3558

Color Blindness Simulation

Original

#582F49

Protanopia

#464643

Deuteranopia

#494C41

Tritanopia

#563E3D

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#F9F5F8
100
#F2E9EE
200
#E6D0DE
300
#D4AFC7
400
#BD84A8
500
#A6598A
600
#85476E
700
#6A3958
800
#532C45
900
#3E2334
950
#271621

Contrast Checker

Text on white

10.95:1

AA Pass AAA Pass

Text on black

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