Skip to main content

#BADD48

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
#BADD48
RGB
rgb(186, 221, 72)
RGBA
rgba(186, 221, 72, 1)
HSL
hsl(74.09, 68.66%, 57.45%)
HSLA
hsla(74, 69%, 57%, 1)
CMYK
cmyk(16%, 0%, 67%, 13%)

Color Palettes

Harmonious color combinations based on #BADD48

Monochromatic

Shades and tints of the same hue

#232B08
#698118
#AED728
#CFE77E
#EFF7D4

Analogous

Adjacent colors on the color wheel

#DD6946
#DDB546
#BADD48
#6EDD46
#46DD69

Complementary

Opposite color for maximum contrast

#BADD48
#6946DD

Triadic

Three evenly spaced colors

#BADD48
#46BADD
#DD46BA

CSS Usage Examples

Background

background-color: #BADD48;

Text

color: #BADD48;

Border

border: 2px solid #BADD48;

Shadow

box-shadow: 0 4px 6px #BADD4840;
Feedback