Skip to main content

#5BC4BD

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
#5BC4BD
RGB
rgb(91, 196, 189)
RGBA
rgba(91, 196, 189, 1)
HSL
hsl(176, 47.09%, 56.27%)
HSLA
hsla(176, 47%, 56%, 1)
CMYK
cmyk(54%, 0%, 4%, 23%)

Color Palettes

Harmonious color combinations based on #5BC4BD

Monochromatic

Shades and tints of the same hue

#0E2524
#29706C
#44BBB3
#8FD6D2
#DAF1F0

Analogous

Adjacent colors on the color wheel

#61C45A
#5AC488
#5BC4BD
#5A96C4
#5A61C4

Complementary

Opposite color for maximum contrast

#5BC4BD
#C45A61

Triadic

Three evenly spaced colors

#5BC4BD
#BD5AC4
#C4BD5A

CSS Usage Examples

Background

background-color: #5BC4BD;

Text

color: #5BC4BD;

Border

border: 2px solid #5BC4BD;

Shadow

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