#A5BEF8 Color

#A5BEF8 is rgb(165, 190, 248) in RGB and hsl(222, 86%, 81%) in HSL. The closest CSS named color is LightSteelBlue. Black text is most readable on this background.

#A5BEF8

HEX#A5BEF8

RGBrgb(165, 190, 248)

HSLhsl(222, 86%, 81%)

HSVhsv(222, 33%, 97%)

OKLCHoklch(80.4% 0.087 266.4)

CMYKcmyk(33%, 23%, 0%, 3%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#A5BEF8 Complementary#F8DFA5 Analogous#A5E8F8 Analogous#B6A5F8 Triadic#F8A5BE Triadic#BEF8A5

Tints & Shades

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

Tints

#AEC5F9 #BDCFFA #C6D6FB #D4E0FC #DEE7FD #ECF1FE

Shades

#7198F4 #3D72F0 #1150E4 #0D3EAF #092B7B #051947

Use #A5BEF8 in Our Tools

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