#A2BFEC Color

#A2BFEC is rgb(162, 191, 236) in RGB and hsl(216, 66%, 78%) in HSL. The closest CSS named color is LightSteelBlue. Black text is most readable on this background.

#A2BFEC

HEX#A2BFEC

RGBrgb(162, 191, 236)

HSLhsl(216, 66%, 78%)

HSVhsv(216, 31%, 93%)

OKLCHoklch(79.9% 0.072 259.1)

CMYKcmyk(31%, 19%, 0%, 7%)

Text Contrast & Accessibility

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

TextWhite text1.88:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text11.2:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#A2BFEC Complementary#ECCEA2 Analogous#A2E5EC Analogous#A9A2EC Triadic#ECA2BF Triadic#BFECA2

Tints & Shades

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

Tints

#AFC8EF #BBD1F1 #C8D9F4 #D0DFF5 #DDE8F8 #EAF1FB

Shades

#73A0E2 #4983DA #2866C3 #1F5098 #16376A #0D213F

Use #A2BFEC in Our Tools

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