#8E9EBC

Color Details

HEX
#8E9EBC
RGB
rgb(142, 158, 188)
HSL
hsl(219, 26%, 65%)
CMYK
cmyk(24%, 16%, 0%, 26%)
Best text on this color #000000 (CR 7.77:1) Determined by WCAG contrast ratio

Readability Previews

Black on #8e9ebc
Contrast 7.77:1 AAA
White on #8e9ebc
Contrast 2.70:1 Fail
#8e9ebc on Black
Contrast 7.77:1 AAA
#8e9ebc on White
Contrast 2.70:1 Fail

Tints & Shades

#a5b1c9
#bbc5d7
#d2d8e4
#727e96
#555f71
#393f4b

Complement & Analogous

#bdad8f
#968fbd
#8fb6bd

Triadic

#bd8f9f
#9fbd8f

Monochrome

#393f4b #555f71 #8e9ebc #bbc5d7 #d2d8e4 #e8ecf2

Analogous

#8fb6bd #b1ccd1 #8e9ebc #aba5ca #968fbd #787297

Complementary Mix

#555f71 #8e9ebc #bbc5d7 #bdad8f #d4cab6 #7b705d

Nearby Colors

#8e9ebb
#8e9ebd
#8e9eac
#8e9ecc

Embed #8E9EBC swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #8E9EBC

#8E9EBC converts to RGB(142, 158, 188) and HSL(219, 26%, 65%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#8E9EBC FAQs

What is the RGB value of #8E9EBC?
RGB: 142, 158, 188. Copy as CSS: rgb(142, 158, 188)
Is #8E9EBC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #8E9EBC?
Complement: #bdad8f.
Does #8E9EBC have good contrast on white or black?
On white: 2.70:1 (Fails AA). On black: 7.77:1 (AAA (normal text)).