#896CE0 Color

#896CE0 is rgb(137, 108, 224) in RGB and hsl(255, 65%, 65%) in HSL. The closest CSS named color is MediumPurple. Black text is most readable on this background.

#896CE0

HEX#896CE0

RGBrgb(137, 108, 224)

HSLhsl(255, 65%, 65%)

HSVhsv(255, 52%, 88%)

OKLCHoklch(61.4% 0.17 292.2)

CMYKcmyk(39%, 52%, 0%, 12%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#896CE0 Complementary#C3E06C Analogous#6C89E0 Analogous#C36CE0 Triadic#E0896C Triadic#6CE089

Tints & Shades

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

Tints

#9A81E4 #A792E8 #B8A7EC #C9BCF1 #DAD1F5 #E7E2F9

Shades

#6A46D8 #532BCA #4323A4 #341B7E #241358 #160C37

Use #896CE0 in Our Tools

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