#586773

#586773

Color Values

HEX

#586773

RGB

88, 103, 115

HSL

206.7, 13.3%, 39.8%

HSV

206.7, 23.5%, 45.1%

CMYK

23.5%, 10.4%, 0.0%, 54.9%

OKLCH

0.5056 0.0265 242.3

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#586773

#736458

Analogous

#587372

#585973

#586773

Triadic

#586773

#735867

#677358

Split Complementary

#586773

#735859

#737258

Tetradic

#586773

#725873

#736458

#597358

Color Blindness Simulation

Original

#586773

Protanopia

#5E5F70

Deuteranopia

#5E5C6F

Tritanopia

#596E6D

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBEDEF
200
#D7DCE0
300
#BAC3CA
400
#94A2AD
500
#6F8190
600
#586774
700
#47535C
800
#374148
900
#2B3136
950
#1B1F22

Contrast Checker

Text on white

5.83:1

AA Pass AAA Fail

Text on black

3.6:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026