Skip to main content

#BAD65F

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
#BAD65F
RGB
rgb(186, 214, 95)
RGBA
rgba(186, 214, 95, 1)
HSL
hsl(74.12, 59.2%, 60.59%)
HSLA
hsla(74, 59%, 61%, 1)
CMYK
cmyk(13%, 0%, 56%, 16%)

Color Palettes

Harmonious color combinations based on #BAD65F

Monochromatic

Shades and tints of the same hue

#22290A
#657A1F
#A8CB34
#CBE085
#EEF5D6

Analogous

Adjacent colors on the color wheel

#D67C61
#D6B761
#BAD65F
#80D661
#61D67C

Complementary

Opposite color for maximum contrast

#BAD65F
#7C61D6

Triadic

Three evenly spaced colors

#BAD65F
#61BBD6
#D661BB

CSS Usage Examples

Background

background-color: #BAD65F;

Text

color: #BAD65F;

Border

border: 2px solid #BAD65F;

Shadow

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