#645CFA Color

#645CFA is rgb(100, 92, 250) in RGB and hsl(243, 94%, 67%) in HSL. The closest CSS named color is MediumSlateBlue. White text is most readable on this background.

#645CFA

HEX#645CFA

RGBrgb(100, 92, 250)

HSLhsl(243, 94%, 67%)

HSVhsv(243, 63%, 98%)

OKLCHoklch(57.7% 0.227 278.8)

CMYKcmyk(60%, 63%, 0%, 2%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#645CFA Complementary#F2FA5C Analogous#5CA3FA Analogous#B35CFA Triadic#FA645C Triadic#5CFA64

Tints & Shades

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

Tints

#7670FB #8E88FB #A19CFC #B8B5FD #CBC9FD #E3E1FE

Shades

#392FF9 #1307F2 #1006C6 #0C0599 #09036D #050240

Use #645CFA in Our Tools

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