Skip to main content

#3BB48F

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
#3BB48F
RGB
rgb(59, 180, 143)
RGBA
rgba(59, 180, 143, 1)
HSL
hsl(161.65, 50.63%, 46.86%)
HSLA
hsla(162, 51%, 47%, 1)
CMYK
cmyk(67%, 0%, 21%, 29%)

Color Palettes

Harmonious color combinations based on #3BB48F

Monochromatic

Shades and tints of the same hue

#0C271F
#25745C
#3EC19A
#8BDAC2
#D8F3EB

Analogous

Adjacent colors on the color wheel

#5FB53B
#3BB553
#3BB48F
#3B9DB5
#3B5FB5

Complementary

Opposite color for maximum contrast

#3BB48F
#B53B5F

Triadic

Three evenly spaced colors

#3BB48F
#903BB5
#B5903B

CSS Usage Examples

Background

background-color: #3BB48F;

Text

color: #3BB48F;

Border

border: 2px solid #3BB48F;

Shadow

box-shadow: 0 4px 6px #3BB48F40;
Feedback