#80D8FF

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

#80D8FF

RGB

rgb(128, 216, 255)

RGBA

rgba(128, 216, 255, 1)

HSL

hsl(198.43, 100%, 75.1%)

HSLA

hsla(198, 100%, 75%, 1)

CMYK

cmyk(50%, 15%, 0%, 0%)

Color Palettes

Harmonious color combinations based on #80D8FF

Monochromatic

Shades and tints of the same hue

#002433

#006B99

#00B3FF

#66D1FF

#CCF0FF

Analogous

Adjacent colors on the color wheel

#80FFA6

#80FFE5

#80D8FF

#8099FF

#A680FF

Complementary

Opposite color for maximum contrast

#80D8FF

#FFA680

Triadic

Three evenly spaced colors

#80D8FF

#FF80D9

#D9FF80

CSS Usage Examples

Background

background-color: #80D8FF;

Text

color: #80D8FF;

Border

border: 2px solid #80D8FF;

Shadow

box-shadow: 0 4px 6px #80D8FF40;

Related Colors

Discover harmonious color variations

Complementary

#FFA780

Opposite on color wheel

Lighter

#E6F7FF

+20% lightness

Darker

#1AB9FF

-20% lightness

Analogous -30°

#80FFE7

Adjacent color

Analogous +30°

#8099FF

Adjacent color