Skip to main content

#BADDA0

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
#BADDA0
RGB
rgb(186, 221, 160)
RGBA
rgba(186, 221, 160, 1)
HSL
hsl(94.43, 47.29%, 74.71%)
HSLA
hsla(94, 47%, 75%, 1)
CMYK
cmyk(16%, 0%, 28%, 13%)

Color Palettes

Harmonious color combinations based on #BADDA0

Monochromatic

Shades and tints of the same hue

#18250E
#487029
#78BB44
#AED68F
#E4F1DA

Analogous

Adjacent colors on the color wheel

#DDC3A1
#D9DDA1
#BADDA0
#A1DDA5
#A1DDC3

Complementary

Opposite color for maximum contrast

#BADDA0
#C3A1DD

Triadic

Three evenly spaced colors

#BADDA0
#A1BBDD
#DDA1BB

CSS Usage Examples

Background

background-color: #BADDA0;

Text

color: #BADDA0;

Border

border: 2px solid #BADDA0;

Shadow

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