#ABABF8 Color

#ABABF8 is rgb(171, 171, 248) in RGB and hsl(240, 85%, 82%) in HSL. The closest CSS named color is LightSteelBlue. Black text is most readable on this background.

#ABABF8
HEX#ABABF8
RGBrgb(171, 171, 248)
HSLhsl(240, 85%, 82%)
HSVhsv(240, 31%, 97%)
OKLCHoklch(77% 0.109 283.5)
CMYKcmyk(31%, 31%, 0%, 3%)

Text Contrast & Accessibility

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

TextWhite text2.12:1AA normal ✗AA large ✗AAA normal ✗
TextBlack text9.91:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#ABABF8Complementary#F8F8AAAnalogous#AAD1F8Analogous#D1AAF8Triadic#F8AAAATriadic#AAF8AA

Tints & Shades

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

Use #ABABF8 in Our Tools

Hex to RGBHex to HSLHex to CMYKHex to PantoneRGBA to Hex