#986DEE Color

#986DEE is rgb(152, 109, 238) in RGB and hsl(260, 79%, 68%) in HSL. The closest CSS named color is MediumPurple. Black text is most readable on this background.

#986DEE

HEX#986DEE

RGBrgb(152, 109, 238)

HSLhsl(260, 79%, 68%)

HSVhsv(260, 54%, 93%)

OKLCHoklch(63.8% 0.187 296.1)

CMYKcmyk(36%, 54%, 0%, 7%)

Text Contrast & Accessibility

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

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

TextBlack text5.76:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#986DEE Complementary#C3EE6D Analogous#6D82EE Analogous#D86DEE Triadic#EE986D Triadic#6DEE98

Tints & Shades

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

Tints

#A57FF0 #B596F3 #C2A8F5 #CFBBF7 #DCCDF9 #ECE4FC

Shades

#7B44E9 #5E1BE4 #4D16BB #3A118D #290C64 #18073B

Use #986DEE in Our Tools

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