#987AFA Color

#987AFA is rgb(152, 122, 250) in RGB and hsl(254, 93%, 73%) in HSL. The closest CSS named color is MediumPurple. Black text is most readable on this background.

#987AFA

HEX#987AFA

RGBrgb(152, 122, 250)

HSLhsl(254, 93%, 73%)

HSVhsv(254, 51%, 98%)

OKLCHoklch(66.7% 0.183 291.4)

CMYKcmyk(39%, 51%, 0%, 2%)

Text Contrast & Accessibility

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

TextWhite text3.23:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text6.5:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#987AFA Complementary#DCFA7A Analogous#7A9CFA Analogous#D87AFA Triadic#FA987A Triadic#7AFA98

Tints & Shades

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

Tints

#A78EFB #B39DFB #C2B0FC #CDBFFD #DDD3FD #E8E1FE

Shades

#7249F8 #4C18F7 #3708D4 #2C06A7 #1F0476 #120245

Use #987AFA in Our Tools

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