Skip to main content

#8EA5BC

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
#8EA5BC
RGB
rgb(142, 165, 188)
RGBA
rgba(142, 165, 188, 1)
HSL
hsl(210, 25.56%, 64.71%)
HSLA
hsla(210, 26%, 65%, 1)
CMYK
cmyk(24%, 12%, 0%, 26%)

Color Palettes

Harmonious color combinations based on #8EA5BC

Monochromatic

Shades and tints of the same hue

#131A20
#394D60
#5E80A1
#9FB3C6
#DFE6EC

Analogous

Adjacent colors on the color wheel

#8FBDA6
#8FBDBD
#8EA5BC
#8F8FBD
#A68FBD

Complementary

Opposite color for maximum contrast

#8EA5BC
#BDA68F

Triadic

Three evenly spaced colors

#8EA5BC
#BD8FA6
#A6BD8F

CSS Usage Examples

Background

background-color: #8EA5BC;

Text

color: #8EA5BC;

Border

border: 2px solid #8EA5BC;

Shadow

box-shadow: 0 4px 6px #8EA5BC40;
Feedback