Skip to main content

#BAD146

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
#BAD146
RGB
rgb(186, 209, 70)
RGBA
rgba(186, 209, 70, 1)
HSL
hsl(69.93, 60.17%, 54.71%)
HSLA
hsla(70, 60%, 55%, 1)
CMYK
cmyk(11%, 0%, 67%, 18%)

Color Palettes

Harmonious color combinations based on #BAD146

Monochromatic

Shades and tints of the same hue

#24290A
#6B7A1F
#B3CC33
#D1E085
#F0F5D6

Analogous

Adjacent colors on the color wheel

#D15E47
#D1A347
#BAD146
#75D147
#47D15E

Complementary

Opposite color for maximum contrast

#BAD146
#5E47D1

Triadic

Three evenly spaced colors

#BAD146
#47BAD1
#D147BA

CSS Usage Examples

Background

background-color: #BAD146;

Text

color: #BAD146;

Border

border: 2px solid #BAD146;

Shadow

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