#6E7AED Color

#6E7AED is rgb(110, 122, 237) in RGB and hsl(234, 78%, 68%) in HSL. The closest CSS named color is MediumSlateBlue. Black text is most readable on this background.

#6E7AED

HEX#6E7AED

RGBrgb(110, 122, 237)

HSLhsl(234, 78%, 68%)

HSVhsv(234, 54%, 93%)

OKLCHoklch(62.6% 0.171 275.8)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#6E7AED Complementary#EDE06E Analogous#6EBAED Analogous#A16EED Triadic#ED6E7A Triadic#7AED6E

Tints & Shades

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

Tints

#808BEF #97A0F2 #A9B0F4 #BBC1F7 #CDD1F9 #E4E6FC

Shades

#4555E8 #1C30E3 #1727BA #111E8D #0C1564 #070C3B

Use #6E7AED in Our Tools

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