Skip to main content

#5BDC97

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
#5BDC97
RGB
rgb(91, 220, 151)
RGBA
rgba(91, 220, 151, 1)
HSL
hsl(147.91, 64.82%, 60.98%)
HSLA
hsla(148, 65%, 61%, 1)
CMYK
cmyk(59%, 0%, 31%, 14%)

Color Palettes

Harmonious color combinations based on #5BDC97

Monochromatic

Shades and tints of the same hue

#092A18
#1B7E49
#2DD27A
#81E4AF
#D5F6E4

Analogous

Adjacent colors on the color wheel

#A0DC5B
#5FDC5B
#5BDC97
#5BDCD8
#5BA0DC

Complementary

Opposite color for maximum contrast

#5BDC97
#DC5BA0

Triadic

Three evenly spaced colors

#5BDC97
#975BDC
#DC975B

CSS Usage Examples

Background

background-color: #5BDC97;

Text

color: #5BDC97;

Border

border: 2px solid #5BDC97;

Shadow

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