Skip to main content

#80A5B1

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
#80A5B1
RGB
rgb(128, 165, 177)
RGBA
rgba(128, 165, 177, 1)
HSL
hsl(194.69, 23.9%, 59.8%)
HSLA
hsla(195, 24%, 60%, 1)
CMYK
cmyk(28%, 7%, 0%, 31%)

Color Palettes

Harmonious color combinations based on #80A5B1

Monochromatic

Shades and tints of the same hue

#131D20
#3A565F
#618F9E
#A0BCC5
#DFE9EC

Analogous

Adjacent colors on the color wheel

#81B18D
#81B1A5
#80A5B1
#818DB1
#8D81B1

Complementary

Opposite color for maximum contrast

#80A5B1
#B18D81

Triadic

Three evenly spaced colors

#80A5B1
#B181A5
#A5B181

CSS Usage Examples

Background

background-color: #80A5B1;

Text

color: #80A5B1;

Border

border: 2px solid #80A5B1;

Shadow

box-shadow: 0 4px 6px #80A5B140;
Feedback