#48A9C5

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

#48A9C5

RGB

rgb(72, 169, 197)

RGBA

rgba(72, 169, 197, 1)

HSL

hsl(193.44, 51.87%, 52.75%)

HSLA

hsla(193, 52%, 53%, 1)

CMYK

cmyk(63%, 14%, 0%, 23%)

Color Palettes

Harmonious color combinations based on #48A9C5

Monochromatic

Shades and tints of the same hue

#0C2127

#256374

#3DA5C2

#8BC9DA

#D8EDF3

Analogous

Adjacent colors on the color wheel

#49C564

#49C5A2

#48A9C5

#496CC5

#6449C5

Complementary

Opposite color for maximum contrast

#48A9C5

#C56449

Triadic

Three evenly spaced colors

#48A9C5

#C549AA

#AAC549

CSS Usage Examples

Background

background-color: #48A9C5;

Text

color: #48A9C5;

Border

border: 2px solid #48A9C5;

Shadow

box-shadow: 0 4px 6px #48A9C540;

Related Colors

Discover harmonious color variations

Complementary

#C56448

Opposite on color wheel

Lighter

#95CDDE

+20% lightness

Darker

#286B7F

-20% lightness

Analogous -30°

#48C5A3

Adjacent color

Analogous +30°

#486BC5

Adjacent color