Skip to main content

#BAD75E

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
#BAD75E
RGB
rgb(186, 215, 94)
RGBA
rgba(186, 215, 94, 1)
HSL
hsl(74.38, 60.2%, 60.59%)
HSLA
hsla(74, 60%, 61%, 1)
CMYK
cmyk(13%, 0%, 56%, 16%)

Color Palettes

Harmonious color combinations based on #BAD75E

Monochromatic

Shades and tints of the same hue

#22290A
#657A1F
#A8CC33
#CBE085
#EEF5D6

Analogous

Adjacent colors on the color wheel

#D77C60
#D7B760
#BAD75E
#80D760
#60D77C

Complementary

Opposite color for maximum contrast

#BAD75E
#7C60D7

Triadic

Three evenly spaced colors

#BAD75E
#60BBD7
#D760BB

CSS Usage Examples

Background

background-color: #BAD75E;

Text

color: #BAD75E;

Border

border: 2px solid #BAD75E;

Shadow

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