Skip to main content

#5BBADC

Share this color with others or download a color card image with HEX and RGB values. Perfect for social media, presentations, or design reference.

All Formats

HEX
#5BBADC
RGB
rgb(91, 186, 220)
RGBA
rgba(91, 186, 220, 1)
HSL
hsl(195.81, 64.82%, 60.98%)
HSLA
hsla(196, 65%, 61%, 1)
CMYK
cmyk(59%, 15%, 0%, 14%)

Color Palettes

Harmonious color combinations based on #5BBADC

Monochromatic

Shades and tints of the same hue

#09212A
#1B647E
#2DA6D2
#81CAE4
#D5EDF6

Analogous

Adjacent colors on the color wheel

#5BDC7D
#5BDCBE
#5BBADC
#5B79DC
#7D5BDC

Complementary

Opposite color for maximum contrast

#5BBADC
#DC7D5B

Triadic

Three evenly spaced colors

#5BBADC
#DC5BBA
#BADC5B

CSS Usage Examples

Background

background-color: #5BBADC;

Text

color: #5BBADC;

Border

border: 2px solid #5BBADC;

Shadow

box-shadow: 0 4px 6px #5BBADC40;
Feedback