#62548C Color

#62548C is rgb(98, 84, 140) in RGB and hsl(255, 25%, 44%) in HSL. The closest CSS named color is DarkSlateBlue. White text is most readable on this background.

#62548C

HEX#62548C

RGBrgb(98, 84, 140)

HSLhsl(255, 25%, 44%)

HSVhsv(255, 40%, 55%)

OKLCHoklch(48.4% 0.089 294.3)

CMYKcmyk(30%, 40%, 0%, 45%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#62548C Complementary#7E8C54 Analogous#54628C Analogous#7E548C Triadic#8C6254 Triadic#548C62

Tints & Shades

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

Tints

#7566A3 #897CB1 #A096C0 #B7AFCF #CEC9DE #E2DFEC

Shades

#554979 #4A3F69 #3C3456 #2F2843 #211D30 #161320

Use #62548C in Our Tools

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