Skip to main content

#48ADD1

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
#48ADD1
RGB
rgb(72, 173, 209)
RGBA
rgba(72, 173, 209, 1)
HSL
hsl(195.77, 59.83%, 55.1%)
HSLA
hsla(196, 60%, 55%, 1)
CMYK
cmyk(66%, 17%, 0%, 18%)

Color Palettes

Harmonious color combinations based on #48ADD1

Monochromatic

Shades and tints of the same hue

#0A2129
#1F627A
#33A3CC
#85C8E0
#D6EDF5

Analogous

Adjacent colors on the color wheel

#47D16C
#47D1B1
#48ADD1
#4768D1
#6C47D1

Complementary

Opposite color for maximum contrast

#48ADD1
#D16C47

Triadic

Three evenly spaced colors

#48ADD1
#D147AC
#ACD147

CSS Usage Examples

Background

background-color: #48ADD1;

Text

color: #48ADD1;

Border

border: 2px solid #48ADD1;

Shadow

box-shadow: 0 4px 6px #48ADD140;
Feedback