#586574

#586574

Color Values

HEX

#586574

RGB

88, 101, 116

HSL

212.1, 13.7%, 40.0%

HSV

212.1, 24.1%, 45.5%

CMYK

24.1%, 12.9%, 0.0%, 54.5%

OKLCH

0.5013 0.0288 252.1

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#586574

#746758

Analogous

#587374

#595874

#586574

Triadic

#586574

#745865

#657458

Split Complementary

#586574

#745958

#737458

Tetradic

#586574

#745873

#746758

#587459

Color Blindness Simulation

Original

#586574

Protanopia

#5E5E70

Deuteranopia

#5D5C6F

Tritanopia

#596E6D

Achromatopsia

#636363

CSS Usage

background-color: #586574;
color: #586574;
border-color: #586574;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F7F8
100
#EBEDEF
200
#D6DBE0
300
#B9C1CA
400
#94A0AE
500
#6E7E91
600
#586574
700
#46515D
800
#373F48
900
#2A3036
950
#1B1E22

Contrast Checker

Text on white

5.95:1

AA Pass AAA Fail

Text on black

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