#785BAE Color

#785BAE is rgb(120, 91, 174) in RGB and hsl(261, 34%, 52%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#785BAE

HEX#785BAE

RGBrgb(120, 91, 174)

HSLhsl(261, 34%, 52%)

HSVhsv(261, 48%, 68%)

OKLCHoklch(53.8% 0.128 298.1)

CMYKcmyk(31%, 48%, 0%, 32%)

Text Contrast & Accessibility

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

TextWhite text5.38:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.91:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#785BAE Complementary#91AE5B Analogous#5B67AE Analogous#A25BAE Triadic#AE785B Triadic#5BAE78

Tints & Shades

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

Tints

#8C73BA #9D87C4 #B09FD0 #C1B4DA #D5CCE6 #E6E0F0

Shades

#674C9A #574082 #47346A #392A55 #291E3E #191326

Use #785BAE in Our Tools

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