Skip to main content

#80B4D5

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
#80B4D5
RGB
rgb(128, 180, 213)
RGBA
rgba(128, 180, 213, 1)
HSL
hsl(203.29, 50.3%, 66.86%)
HSLA
hsla(203, 50%, 67%, 1)
CMYK
cmyk(40%, 15%, 0%, 16%)

Color Palettes

Harmonious color combinations based on #80B4D5

Monochromatic

Shades and tints of the same hue

#0D1C26
#265573
#408EBF
#8CBBD9
#D9E8F2

Analogous

Adjacent colors on the color wheel

#81D5A1
#81D5CB
#80B4D5
#818BD5
#A181D5

Complementary

Opposite color for maximum contrast

#80B4D5
#D5A181

Triadic

Three evenly spaced colors

#80B4D5
#D581B5
#B5D581

CSS Usage Examples

Background

background-color: #80B4D5;

Text

color: #80B4D5;

Border

border: 2px solid #80B4D5;

Shadow

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