Skip to main content

#5FCE93

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
#5FCE93
RGB
rgb(95, 206, 147)
RGBA
rgba(95, 206, 147, 1)
HSL
hsl(148.11, 53.11%, 59.02%)
HSLA
hsla(148, 53%, 59%, 1)
CMYK
cmyk(54%, 0%, 29%, 19%)

Color Palettes

Harmonious color combinations based on #5FCE93

Monochromatic

Shades and tints of the same hue

#0C2719
#24754A
#3CC37B
#8ADBB0
#D8F3E5

Analogous

Adjacent colors on the color wheel

#9ACE5F
#63CE5F
#5FCE93
#5FCECA
#5F9ACE

Complementary

Opposite color for maximum contrast

#5FCE93
#CE5F9A

Triadic

Three evenly spaced colors

#5FCE93
#935FCE
#CE935F

CSS Usage Examples

Background

background-color: #5FCE93;

Text

color: #5FCE93;

Border

border: 2px solid #5FCE93;

Shadow

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