Skip to main content

#148A48

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
#148A48
RGB
rgb(20, 138, 72)
RGBA
rgba(20, 138, 72, 1)
HSL
hsl(146.44, 74.68%, 30.98%)
HSLA
hsla(146, 75%, 31%, 1)
CMYK
cmyk(86%, 0%, 48%, 46%)

Color Palettes

Harmonious color combinations based on #148A48

Monochromatic

Shades and tints of the same hue

#062D17
#138645
#20DF73
#79ECAB
#D2F9E3

Analogous

Adjacent colors on the color wheel

#578A14
#1C8A14
#148A48
#148A82
#14578A

Complementary

Opposite color for maximum contrast

#148A48
#8A1457

Triadic

Three evenly spaced colors

#148A48
#47148A
#8A4714

CSS Usage Examples

Background

background-color: #148A48;

Text

color: #148A48;

Border

border: 2px solid #148A48;

Shadow

box-shadow: 0 4px 6px #148A4840;
Feedback