#6452FE Color

#6452FE is rgb(100, 82, 254) in RGB and hsl(246, 99%, 66%) in HSL. The closest CSS named color is MediumSlateBlue. White text is most readable on this background.

#6452FE

HEX#6452FE

RGBrgb(100, 82, 254)

HSLhsl(246, 99%, 66%)

HSVhsv(246, 68%, 100%)

OKLCHoklch(56.5% 0.243 279.9)

CMYKcmyk(61%, 68%, 0%, 0%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#6452FE Complementary#EDFE52 Analogous#5297FE Analogous#B952FE Triadic#FE6452 Triadic#52FE64

Tints & Shades

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

Tints

#7A6CFE #8D80FE #A49AFE #B6AEFF #CDC7FF #DFDBFF

Shades

#3B25FE #1901F4 #1501C6 #10019D #0C0170 #070042

Use #6452FE in Our Tools

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