#5BC2E7

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

#5BC2E7

RGB

rgb(91, 194, 231)

RGBA

rgba(91, 194, 231, 1)

HSL

hsl(195.86, 74.47%, 63.14%)

HSLA

hsla(196, 74%, 63%, 1)

CMYK

cmyk(61%, 16%, 0%, 9%)

Color Palettes

Harmonious color combinations based on #5BC2E7

Monochromatic

Shades and tints of the same hue

#07222C

#146785

#21ACDE

#7ACDEB

#D3EEF8

Analogous

Adjacent colors on the color wheel

#5BE680

#5BE6C6

#5BC2E7

#5B7BE6

#805BE6

Complementary

Opposite color for maximum contrast

#5BC2E7

#E6805B

Triadic

Three evenly spaced colors

#5BC2E7

#E65BC1

#C1E65B

CSS Usage Examples

Background

background-color: #5BC2E7;

Text

color: #5BC2E7;

Border

border: 2px solid #5BC2E7;

Shadow

box-shadow: 0 4px 6px #5BC2E740;

Related Colors

Discover harmonious color variations

Complementary

#E7805B

Opposite on color wheel

Lighter

#B4E3F4

+20% lightness

Darker

#1C95C0

-20% lightness

Analogous -30°

#5BE7C6

Adjacent color

Analogous +30°

#5B7CE7

Adjacent color