Skip to main content

#148A46

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
#148A46
RGB
rgb(20, 138, 70)
RGBA
rgba(20, 138, 70, 1)
HSL
hsl(145.42, 74.68%, 30.98%)
HSLA
hsla(145, 75%, 31%, 1)
CMYK
cmyk(86%, 0%, 49%, 46%)

Color Palettes

Harmonious color combinations based on #148A46

Monochromatic

Shades and tints of the same hue

#062D16
#138643
#20DF70
#79ECA9
#D2F9E2

Analogous

Adjacent colors on the color wheel

#598A14
#1E8A14
#148A46
#148A80
#14598A

Complementary

Opposite color for maximum contrast

#148A46
#8A1459

Triadic

Three evenly spaced colors

#148A46
#45148A
#8A4514

CSS Usage Examples

Background

background-color: #148A46;

Text

color: #148A46;

Border

border: 2px solid #148A46;

Shadow

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