#584368

#584368

Color Values

HEX

#584368

RGB

88, 67, 104

HSL

274.1, 21.6%, 33.5%

HSV

274.1, 35.6%, 40.8%

CMYK

15.4%, 35.6%, 0.0%, 59.2%

OKLCH

0.4206 0.0651 309.8

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#584368

#536843

Analogous

#454368

#684365

#584368

Triadic

#584368

#685843

#436858

Split Complementary

#584368

#656843

#436845

Tetradic

#584368

#684543

#536843

#436568

Color Blindness Simulation

Original

#584368

Protanopia

#4F4F5F

Deuteranopia

#50525D

Tritanopia

#575856

Achromatopsia

#4A4A4A

CSS Usage

background-color: #584368;
color: #584368;
border-color: #584368;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F8F6F9
100
#EEEAF0
200
#DCD4E3
300
#C4B5CF
400
#A38CB5
500
#83649B
600
#69507C
700
#544063
800
#42324E
900
#32273A
950
#1F1925

Contrast Checker

Text on white

8.69:1

AA Pass AAA Pass

Text on black

2.42:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026