#86ABD5 Color

#86ABD5 is rgb(134, 171, 213) in RGB and hsl(212, 48%, 68%) in HSL. The closest CSS named color is SkyBlue. Black text is most readable on this background.

#86ABD5

HEX#86ABD5

RGBrgb(134, 171, 213)

HSLhsl(212, 48%, 68%)

HSVhsv(212, 37%, 84%)

OKLCHoklch(72.9% 0.074 252)

CMYKcmyk(37%, 20%, 0%, 16%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #86ABD5 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.8:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#86ABD5 Complementary#D5B086 Analogous#86D2D5 Analogous#8986D5 Triadic#D586AB Triadic#ABD586

Tints & Shades

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

Tints

#95B5DA #A8C2E1 #B7CDE6 #C6D8EB #D5E2F0 #E8EFF7

Shades

#6493C9 #427BBD #36659B #294D75 #1D3653 #112031

Use #86ABD5 in Our Tools

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