#586189

#586189

Color Values

HEX

#586189

RGB

88, 97, 137

HSL

229.0, 21.8%, 44.1%

HSV

229.0, 35.8%, 53.7%

CMYK

35.8%, 29.2%, 0.0%, 46.3%

OKLCH

0.5015 0.0649 274.1

Properties

Cool Dark Nearest: RAL 5023 Distant Blue

Color Harmonies

Complementary

#586189

#898058

Analogous

#587989

#675889

#586189

Triadic

#586189

#895861

#618958

Split Complementary

#586189

#896758

#798958

Tetradic

#586189

#895879

#898058

#588967

Color Blindness Simulation

Original

#586189

Protanopia

#5C5C7F

Deuteranopia

#5B5B7D

Tritanopia

#587876

Achromatopsia

#626262

CSS Usage

background-color: #586189;
color: #586189;
border-color: #586189;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F6F9
100
#EAEBF0
200
#D4D6E3
300
#B4B9CF
400
#8C94B5
500
#646E9B
600
#50587C
700
#404663
800
#32374E
900
#272A3A
950
#191B25

Contrast Checker

Text on white

6.02:1

AA Pass AAA Fail

Text on black

3.49:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026