Skip to main content

#86A1C0

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
#86A1C0
RGB
rgb(134, 161, 192)
RGBA
rgba(134, 161, 192, 1)
HSL
hsl(212.07, 31.52%, 63.92%)
HSLA
hsla(212, 32%, 64%, 1)
CMYK
cmyk(30%, 16%, 0%, 25%)

Color Palettes

Harmonious color combinations based on #86A1C0

Monochromatic

Shades and tints of the same hue

#111922
#344B65
#577DA8
#9AB1CB
#DDE5EE

Analogous

Adjacent colors on the color wheel

#86C1A5
#86BFC1
#86A1C0
#8886C1
#A586C1

Complementary

Opposite color for maximum contrast

#86A1C0
#C1A586

Triadic

Three evenly spaced colors

#86A1C0
#C186A1
#A1C186

CSS Usage Examples

Background

background-color: #86A1C0;

Text

color: #86A1C0;

Border

border: 2px solid #86A1C0;

Shadow

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