#A89BFD Color

#A89BFD is rgb(168, 155, 253) in RGB and hsl(248, 96%, 80%) in HSL. The closest CSS named color is LightSteelBlue. Black text is most readable on this background.

#A89BFD

HEX#A89BFD

RGBrgb(168, 155, 253)

HSLhsl(248, 96%, 80%)

HSVhsv(248, 39%, 99%)

OKLCHoklch(74% 0.139 288.6)

CMYKcmyk(34%, 39%, 0%, 1%)

Text Contrast & Accessibility

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

TextWhite text2.39:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text8.77:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#A89BFD Complementary#F0FD9B Analogous#9BBFFD Analogous#D99BFD Triadic#FDA89B Triadic#9BFDA8

Tints & Shades

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

Tints

#B5AAFD #BEB4FD #CBC3FE #D4CDFE #E1DCFE #E9E6FE

Shades

#7864FC #492DFB #2305EB #1C04B9 #140382 #0B024B

Use #A89BFD in Our Tools

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