#653EFE Color

#653EFE is rgb(101, 62, 254) in RGB and hsl(252, 99%, 62%) in HSL. The closest CSS named color is MediumSlateBlue. White text is most readable on this background.

#653EFE

HEX#653EFE

RGBrgb(101, 62, 254)

HSLhsl(252, 99%, 62%)

HSVhsv(252, 76%, 100%)

OKLCHoklch(54% 0.262 282.4)

CMYKcmyk(60%, 76%, 0%, 0%)

Text Contrast & Accessibility

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

TextWhite text5.72:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#653EFE Complementary#D8FE3E Analogous#3E78FE Analogous#C43EFE Triadic#FE653E Triadic#3EFE65

Tints & Shades

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

Tints

#7958FE #8D71FE #A28AFE #BAA9FF #CEC2FF #E3DBFF

Shades

#4416FE #2F01E4 #2601BC #1E0193 #16016B #0C003D

Use #653EFE in Our Tools

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