#585C89 Color

#585C89 is rgb(88, 92, 137) in RGB and hsl(235, 22%, 44%) in HSL. The closest CSS named color is DarkSlateBlue. White text is most readable on this background.

#585C89

HEX#585C89

RGBrgb(88, 92, 137)

HSLhsl(235, 22%, 44%)

HSVhsv(235, 36%, 54%)

OKLCHoklch(49% 0.072 279.5)

CMYKcmyk(36%, 33%, 0%, 46%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #585C89 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text6.35:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.31:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #585C89 based on color wheel relationships. Click any swatch for its full breakdown.

Base#585C89 Complementary#898558 Analogous#587489 Analogous#6C5889 Triadic#89585C Triadic#5C8958

Tints & Shades

Lighter tints and darker shades of #585C89, useful for hover states, backgrounds, and text variants.

Tints

#6A6EA0 #7F83AD #989BBD #B1B4CD #CACCDD #E0E1EB

Shades

#4C4F76 #424567 #363854 #2A2C41 #1E1F2F #14151F

Use #585C89 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex