#586178

#586178

Color Values

HEX

#586178

RGB

88, 97, 120

HSL

223.1, 15.4%, 40.8%

HSV

223.1, 26.7%, 47.1%

CMYK

26.7%, 19.2%, 0.0%, 52.9%

OKLCH

0.4937 0.0386 268.2

Properties

Cool Dark Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#586178

#786F58

Analogous

#587178

#5F5878

#586178

Triadic

#586178

#785861

#617858

Split Complementary

#586178

#785F58

#717858

Tetradic

#586178

#785871

#786F58

#58785F

Color Blindness Simulation

Original

#586178

Protanopia

#5C5C72

Deuteranopia

#5B5B71

Tritanopia

#586E6D

Achromatopsia

#616161

CSS Usage

background-color: #586178;
color: #586178;
border-color: #586178;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F6F7F8
100
#EBECEF
200
#D6D9E1
300
#B8BECB
400
#929AAF
500
#6C7793
600
#565F76
700
#454C5E
800
#363B4A
900
#2A2E37
950
#1A1D23

Contrast Checker

Text on white

6.18:1

AA Pass AAA Fail

Text on black

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