#8C78DE Color

#8C78DE is rgb(140, 120, 222) in RGB and hsl(252, 61%, 67%) in HSL. The closest CSS named color is MediumPurple. Black text is most readable on this background.

#8C78DE

HEX#8C78DE

RGBrgb(140, 120, 222)

HSLhsl(252, 61%, 67%)

HSVhsv(252, 46%, 87%)

OKLCHoklch(63.6% 0.149 290.5)

CMYKcmyk(37%, 46%, 0%, 13%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#8C78DE Complementary#CADE78 Analogous#7896DE Analogous#BF78DE Triadic#DE8C78 Triadic#78DE8C

Tints & Shades

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

Tints

#9A88E2 #AB9CE7 #B9ADEB #CBC1F0 #D9D2F4 #EAE6F9

Shades

#6D53D5 #4F31C9 #4128A4 #321F7F #24165A #150D35

Use #8C78DE in Our Tools

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