#584375

#584375

Color Values

HEX

#584375

RGB

88, 67, 117

HSL

265.2, 27.2%, 36.1%

HSV

265.2, 42.7%, 45.9%

CMYK

24.8%, 42.7%, 0.0%, 54.1%

OKLCH

0.4275 0.0838 302.4

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#584375

#607543

Analogous

#434775

#714375

#584375

Triadic

#584375

#755843

#437558

Split Complementary

#584375

#757143

#477543

Tetradic

#584375

#754347

#607543

#437571

Color Blindness Simulation

Original

#584375

Protanopia

#4F4F69

Deuteranopia

#505266

Tritanopia

#575F5D

Achromatopsia

#4B4B4B

CSS Usage

background-color: #584375;
color: #584375;
border-color: #584375;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F7F6F9
100
#ECE9F1
200
#DAD2E5
300
#BFB1D2
400
#9D87BA
500
#7A5DA2
600
#624A82
700
#4E3B68
800
#3D2E51
900
#2F253C
950
#1D1726

Contrast Checker

Text on white

8.49:1

AA Pass AAA Pass

Text on black

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