#9A60EB Color

#9A60EB is rgb(154, 96, 235) in RGB and hsl(265, 78%, 65%) in HSL. The closest CSS named color is MediumPurple. Black text is most readable on this background.

#9A60EB

HEX#9A60EB

RGBrgb(154, 96, 235)

HSLhsl(265, 78%, 65%)

HSVhsv(265, 59%, 92%)

OKLCHoklch(61.8% 0.202 299.7)

CMYKcmyk(34%, 59%, 0%, 8%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#9A60EB Complementary#B1EB60 Analogous#606CEB Analogous#E060EB Triadic#EB9A60 Triadic#60EB9A

Tints & Shades

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

Tints

#A977EE #B489F0 #C2A0F3 #D1B6F6 #DFCDF9 #EBDFFB

Shades

#8037E6 #6A1BDA #5716B1 #431188 #2F0C5F #1D073B

Use #9A60EB in Our Tools

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