#586975

#586975

Color Values

HEX

#586975

RGB

88, 105, 117

HSL

204.8, 14.1%, 40.2%

HSV

204.8, 24.8%, 45.9%

CMYK

24.8%, 10.3%, 0.0%, 54.1%

OKLCH

0.5111 0.028 238.9

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#586975

#756458

Analogous

#587572

#585B75

#586975

Triadic

#586975

#755869

#697558

Split Complementary

#586975

#75585B

#757258

Tetradic

#586975

#725875

#756458

#5B7558

Color Blindness Simulation

Original

#586975

Protanopia

#5F6072

Deuteranopia

#5E5D71

Tritanopia

#59706F

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEEEF
200
#D6DCE0
300
#B9C3CA
400
#93A3AE
500
#6E8391
600
#586874
700
#46545D
800
#374149
900
#2A3237
950
#1B1F22

Contrast Checker

Text on white

5.69:1

AA Pass AAA Fail

Text on black

3.69:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026