#9396EB Color

#9396EB is rgb(147, 150, 235) in RGB and hsl(238, 69%, 75%) in HSL. The closest CSS named color is MediumPurple. Black text is most readable on this background.

#9396EB

HEX#9396EB

RGBrgb(147, 150, 235)

HSLhsl(238, 69%, 75%)

HSVhsv(238, 37%, 92%)

OKLCHoklch(70.5% 0.123 281.2)

CMYKcmyk(37%, 36%, 0%, 8%)

Text Contrast & Accessibility

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

TextWhite text2.69:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text7.8:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#9396EB Complementary#EBE893 Analogous#93C2EB Analogous#BC93EB Triadic#EB9396 Triadic#96EB93

Tints & Shades

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

Tints

#A0A3EE #B1B4F1 #BEC0F3 #CBCDF6 #D8D9F8 #E9EAFB

Shades

#686CE3 #3D42DB #2429C2 #1B1F93 #131667 #0B0D3C

Use #9396EB in Our Tools

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