#5BBAF5 Color

#5BBAF5 is rgb(91, 186, 245) in RGB and hsl(203, 89%, 66%) in HSL. The closest CSS named color is CornflowerBlue. Black text is most readable on this background.

#5BBAF5

HEX#5BBAF5

RGBrgb(91, 186, 245)

HSLhsl(203, 89%, 66%)

HSVhsv(203, 63%, 96%)

OKLCHoklch(75.5% 0.124 238.7)

CMYKcmyk(63%, 24%, 0%, 4%)

Text Contrast & Accessibility

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

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

TextBlack text9.79:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#5BBAF5 Complementary#F5965B Analogous#5BF5E3 Analogous#5B6DF5 Triadic#F55BBA Triadic#BAF55B

Tints & Shades

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

Tints

#73C4F7 #87CCF8 #9FD7F9 #B2DFFB #CAE9FC #DDF1FD

Shades

#30A8F3 #0D94E7 #0B78BC #095F95 #06446A #04283F

Use #5BBAF5 in Our Tools

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