#54ABF2 Color

#54ABF2 is rgb(84, 171, 242) in RGB and hsl(207, 86%, 64%) in HSL. The closest CSS named color is CornflowerBlue. Black text is most readable on this background.

#54ABF2

HEX#54ABF2

RGBrgb(84, 171, 242)

HSLhsl(207, 86%, 64%)

HSVhsv(207, 65%, 95%)

OKLCHoklch(71.8% 0.134 245.8)

CMYKcmyk(65%, 29%, 0%, 5%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#54ABF2 Complementary#F29B54 Analogous#54F2EA Analogous#545CF2 Triadic#F254AB Triadic#ABF254

Tints & Shades

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

Tints

#6CB7F4 #84C2F6 #9BCEF8 #AED7F9 #C6E3FB #DEEFFD

Shades

#2A96EF #1182DF #0E69B4 #0B538E #073A64 #05243E

Use #54ABF2 in Our Tools

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