#5CB8B2

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

#5CB8B2

RGB

rgb(92, 184, 178)

RGBA

rgba(92, 184, 178, 1)

HSL

hsl(176.09, 39.32%, 54.12%)

HSLA

hsla(176, 39%, 54%, 1)

CMYK

cmyk(50%, 0%, 3%, 28%)

Color Palettes

Harmonious color combinations based on #5CB8B2

Monochromatic

Shades and tints of the same hue

#102322

#2F6A66

#4EB1AB

#95D0CC

#DCEFEE

Analogous

Adjacent colors on the color wheel

#62B75C

#5CB784

#5CB8B2

#5C90B7

#5C62B7

Complementary

Opposite color for maximum contrast

#5CB8B2

#B75C62

Triadic

Three evenly spaced colors

#5CB8B2

#B15CB7

#B7B15C

CSS Usage Examples

Background

background-color: #5CB8B2;

Text

color: #5CB8B2;

Border

border: 2px solid #5CB8B2;

Shadow

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

Related Colors

Discover harmonious color variations

Complementary

#B85C62

Opposite on color wheel

Lighter

#A3D7D4

+20% lightness

Darker

#357975

-20% lightness

Analogous -30°

#5CB884

Adjacent color

Analogous +30°

#5C90B8

Adjacent color