#48A23F

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

#48A23F

RGB

rgb(72, 162, 63)

RGBA

rgba(72, 162, 63, 1)

HSL

hsl(114.55, 44%, 44.12%)

HSLA

hsla(115, 44%, 44%, 1)

CMYK

cmyk(56%, 0%, 61%, 36%)

Color Palettes

Harmonious color combinations based on #48A23F

Monochromatic

Shades and tints of the same hue

#10250E

#306E2B

#51B847

#96D491

#DCF1DA

Analogous

Adjacent colors on the color wheel

#A2993F

#78A23F

#48A23F

#3FA268

#3FA299

Complementary

Opposite color for maximum contrast

#48A23F

#993FA2

Triadic

Three evenly spaced colors

#48A23F

#3F47A2

#A23F47

CSS Usage Examples

Background

background-color: #48A23F;

Text

color: #48A23F;

Border

border: 2px solid #48A23F;

Shadow

box-shadow: 0 4px 6px #48A23F40;

Related Colors

Discover harmonious color variations

Complementary

#993FA2

Opposite on color wheel

Lighter

#83CC7B

+20% lightness

Darker

#275922

-20% lightness

Analogous -30°

#79A23F

Adjacent color

Analogous +30°

#3FA268

Adjacent color