#5E8AB4

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

#5E8AB4

RGB

rgb(94, 138, 180)

RGBA

rgba(94, 138, 180, 1)

HSL

hsl(209.3, 36.44%, 53.73%)

HSLA

hsla(209, 36%, 54%, 1)

CMYK

cmyk(48%, 23%, 0%, 29%)

Color Palettes

Harmonious color combinations based on #5E8AB4

Monochromatic

Shades and tints of the same hue

#101A23

#314D68

#5281AD

#97B3CE

#DCE6EF

Analogous

Adjacent colors on the color wheel

#5FB488

#5FB4B3

#5E8AB4

#5F61B4

#885FB4

Complementary

Opposite color for maximum contrast

#5E8AB4

#B4885F

Triadic

Three evenly spaced colors

#5E8AB4

#B45F8B

#8BB45F

CSS Usage Examples

Background

background-color: #5E8AB4;

Text

color: #5E8AB4;

Border

border: 2px solid #5E8AB4;

Shadow

box-shadow: 0 4px 6px #5E8AB440;

Related Colors

Discover harmonious color variations

Complementary

#B4885E

Opposite on color wheel

Lighter

#A4BDD4

+20% lightness

Darker

#375775

-20% lightness

Analogous -30°

#5EB4B3

Adjacent color

Analogous +30°

#5E5FB4

Adjacent color