#7564E3 Color

#7564E3 is rgb(117, 100, 227) in RGB and hsl(248, 69%, 64%) in HSL. The closest CSS named color is MediumSlateBlue. Black text is most readable on this background.

#7564E3

HEX#7564E3

RGBrgb(117, 100, 227)

HSLhsl(248, 69%, 64%)

HSVhsv(248, 56%, 89%)

OKLCHoklch(58.5% 0.186 285.2)

CMYKcmyk(48%, 56%, 0%, 11%)

Text Contrast & Accessibility

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

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

TextBlack text4.69:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#7564E3 Complementary#D2E364 Analogous#6492E3 Analogous#B464E3 Triadic#E37564 Triadic#64E375

Tints & Shades

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

Tints

#8879E6 #9B8FEA #AEA5EE #BEB6F2 #D1CBF6 #E4E1F9

Shades

#523DDB #3B25CB #301EA4 #261881 #1A115A #100A38

Use #7564E3 in Our Tools

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