#585F99

#585F99

Color Values

HEX

#585F99

RGB

88, 95, 153

HSL

233.5, 27.0%, 47.3%

HSV

233.5, 42.5%, 60.0%

CMYK

42.5%, 37.9%, 0.0%, 40.0%

OKLCH

0.5056 0.0923 277.3

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#585F99

#999258

Analogous

#588099

#725899

#585F99

Triadic

#585F99

#99585F

#5F9958

Split Complementary

#585F99

#997258

#809958

Tetradic

#585F99

#995880

#999258

#589972

Color Blindness Simulation

Original

#585F99

Protanopia

#5B5B8B

Deuteranopia

#5B5A88

Tritanopia

#58807D

Achromatopsia

#626262

CSS Usage

background-color: #585F99;
color: #585F99;
border-color: #585F99;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F6F6F9
100
#E9EAF1
200
#D2D4E5
300
#B1B5D2
400
#878DBA
500
#5D65A2
600
#4A5082
700
#3C4068
800
#2F3251
900
#25273C
950
#171926

Contrast Checker

Text on white

5.98:1

AA Pass AAA Fail

Text on black

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