#4D5D89 Color

#4D5D89 is rgb(77, 93, 137) in RGB and hsl(224, 28%, 42%) in HSL. The closest CSS named color is DarkSlateBlue. White text is most readable on this background.

#4D5D89

HEX#4D5D89

RGBrgb(77, 93, 137)

HSLhsl(224, 28%, 42%)

HSVhsv(224, 44%, 54%)

OKLCHoklch(48.4% 0.074 268.3)

CMYKcmyk(44%, 32%, 0%, 46%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#4D5D89 Complementary#89794D Analogous#4D7B89 Analogous#5B4D89 Triadic#894D5D Triadic#5D894D

Tints & Shades

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

Tints

#5C6FA3 #7686B2 #909DC1 #AAB4CF #C4CBDE #DEE2ED

Shades

#445279 #394565 #303A55 #252C41 #1C2131 #11141D

Use #4D5D89 in Our Tools

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