#877BEF Color

#877BEF is rgb(135, 123, 239) in RGB and hsl(246, 78%, 71%) in HSL. The closest CSS named color is MediumSlateBlue. Black text is most readable on this background.

#877BEF

HEX#877BEF

RGBrgb(135, 123, 239)

HSLhsl(246, 78%, 71%)

HSVhsv(246, 49%, 94%)

OKLCHoklch(64.8% 0.168 285.4)

CMYKcmyk(44%, 49%, 0%, 6%)

Text Contrast & Accessibility

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

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

TextBlack text6.11:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#877BEF Complementary#E3EF7B Analogous#7BAAEF Analogous#C17BEF Triadic#EF877B Triadic#7BEF87

Tints & Shades

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

Tints

#978EF1 #A8A0F3 #B9B2F5 #C5BFF7 #D6D2F9 #E6E4FC

Shades

#5D4EE9 #3825E4 #2818BF #201396 #160D68 #0D0840

Use #877BEF in Our Tools

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