#896DDF Color

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

#896DDF

HEX#896DDF

RGBrgb(137, 109, 223)

HSLhsl(255, 64%, 65%)

HSVhsv(255, 51%, 87%)

OKLCHoklch(61.5% 0.167 292.1)

CMYKcmyk(39%, 51%, 0%, 13%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#896DDF Complementary#C2DF6D Analogous#6D89DF Analogous#C26DDF Triadic#DF896D Triadic#6DDF89

Tints & Shades

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

Tints

#9A82E3 #A792E7 #B8A7EC #C9BCF0 #DAD1F5 #E7E2F9

Shades

#6B47D7 #532CC9 #4424A3 #341C7D #241358 #170C36

Use #896DDF in Our Tools

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