#586374

#586374

Color Values

HEX

#586374

RGB

88, 99, 116

HSL

216.4, 13.7%, 40.0%

HSV

216.4, 24.1%, 45.5%

CMYK

24.1%, 14.7%, 0.0%, 54.5%

OKLCH

0.4966 0.0305 259.0

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#586374

#746958

Analogous

#587174

#5B5874

#586374

Triadic

#586374

#745863

#637458

Split Complementary

#586374

#745B58

#717458

Tetradic

#586374

#745871

#746958

#58745B

Color Blindness Simulation

Original

#586374

Protanopia

#5D5D70

Deuteranopia

#5C5B6F

Tritanopia

#596D6C

Achromatopsia

#626262

CSS Usage

background-color: #586374;
color: #586374;
border-color: #586374;
Nearest Tailwind: Gray 600 #4B5563

Tailwind Shades

50
#F6F7F8
100
#EBEDEF
200
#D6DAE0
300
#B9C0CA
400
#949EAE
500
#6E7C91
600
#586374
700
#464F5D
800
#373E48
900
#2A2F36
950
#1B1E22

Contrast Checker

Text on white

6.08:1

AA Pass AAA Fail

Text on black

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