#58758C

#58758C

Color Values

HEX

#58758C

RGB

88, 117, 140

HSL

206.5, 22.8%, 44.7%

HSV

206.5, 37.1%, 54.9%

CMYK

37.1%, 16.4%, 0.0%, 45.1%

OKLCH

0.5487 0.0493 242.7

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#58758C

#8C6F58

Analogous

#588C89

#585B8C

#58758C

Triadic

#58758C

#8C5875

#758C58

Split Complementary

#58758C

#8C585B

#8C8958

Tetradic

#58758C

#89588C

#8C6F58

#5B8C58

Color Blindness Simulation

Original

#58758C

Protanopia

#656586

Deuteranopia

#636185

Tritanopia

#598281

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEEF1
200
#D3DCE3
300
#B4C3D0
400
#8BA3B6
500
#62839D
600
#4F697D
700
#3F5464
800
#31414E
900
#27323A
950
#181F25

Contrast Checker

Text on white

4.84:1

AA Pass AAA Fail

Text on black

4.34:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026