#582F55

#582F55

Color Values

HEX

#582F55

RGB

88, 47, 85

HSL

304.4, 30.4%, 26.5%

HSV

304.4, 46.6%, 34.5%

CMYK

0.0%, 46.6%, 3.4%, 65.5%

OKLCH

0.3727 0.0818 329.8

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#582F55

#2F5832

Analogous

#472F58

#582F41

#582F55

Triadic

#582F55

#55582F

#2F5558

Split Complementary

#582F55

#41582F

#2F5847

Tetradic

#582F55

#58472F

#2F5832

#2F4158

Color Blindness Simulation

Original

#582F55

Protanopia

#46464C

Deuteranopia

#494C4A

Tritanopia

#564543

Achromatopsia

#3A3A3A

CSS Usage

background-color: #582F55;
color: #582F55;
border-color: #582F55;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F9F5F9
100
#F2E9F1
200
#E6D0E5
300
#D4AFD2
400
#BD84B9
500
#A659A1
600
#854780
700
#6A3967
800
#532C50
900
#3E233C
950
#271626

Contrast Checker

Text on white

10.75:1

AA Pass AAA Pass

Text on black

1.95:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026