#652EA3 Color

#652EA3 is rgb(101, 46, 163) in RGB and hsl(268, 56%, 41%) in HSL. The closest CSS named color is RebeccaPurple. White text is most readable on this background.

#652EA3

HEX#652EA3

RGBrgb(101, 46, 163)

HSLhsl(268, 56%, 41%)

HSVhsv(268, 72%, 64%)

OKLCHoklch(44% 0.178 300.7)

CMYKcmyk(38%, 72%, 0%, 36%)

Text Contrast & Accessibility

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

TextWhite text8.49:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2.47:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#652EA3 Complementary#6CA32E Analogous#2E32A3 Analogous#9F2EA3 Triadic#A3652E Triadic#2EA365

Tints & Shades

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

Tints

#7837C3 #8D54CF #A274D8 #BA98E2 #CFB7EB #E5D7F4

Shades

#58288F #4A2277 #3D1C63 #311650 #25113C #160A24

Use #652EA3 in Our Tools

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