Skip to main content

#86BA75

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
#86BA75
RGB
rgb(134, 186, 117)
RGBA
rgba(134, 186, 117, 1)
HSL
hsl(105.22, 33.33%, 59.41%)
HSLA
hsla(105, 33%, 59%, 1)
CMYK
cmyk(28%, 0%, 37%, 27%)

Color Palettes

Harmonious color combinations based on #86BA75

Monochromatic

Shades and tints of the same hue

#152211
#406633
#6AAA55
#A6CC99
#E1EEDD

Analogous

Adjacent colors on the color wheel

#B9A874
#A8B974
#86BA75
#74B985
#74B9A8

Complementary

Opposite color for maximum contrast

#86BA75
#A874B9

Triadic

Three evenly spaced colors

#86BA75
#7485B9
#B97485

CSS Usage Examples

Background

background-color: #86BA75;

Text

color: #86BA75;

Border

border: 2px solid #86BA75;

Shadow

box-shadow: 0 4px 6px #86BA7540;
Feedback