#868D9C

Color Details

HEX
#868D9C
RGB
rgb(134, 141, 156)
HSL
hsl(221, 10%, 57%)
CMYK
cmyk(14%, 10%, 0%, 39%)
Best text on this color #000000 (CR 6.30:1) Determined by WCAG contrast ratio

Readability Previews

Black on #868d9c
Contrast 6.30:1 AA
White on #868d9c
Contrast 3.33:1 Fail
#868d9c on Black
Contrast 6.30:1 AA
#868d9c on White
Contrast 3.33:1 Fail

Tints & Shades

#9ea4b0
#b6bbc4
#cfd1d7
#6b717d
#50555e
#36383e

Complement & Analogous

#9c9586
#8279a9
#79a1a9

Triadic

#9c868d
#8d9c86

Monochrome

#36383e #50555e #868d9c #b6bbc4 #cfd1d7 #e7e8eb

Analogous

#79a1a9 #a1bdc3 #868d9c #9b94ba #8279a9 #686187

Complementary Mix

#50555e #868d9c #b6bbc4 #9c9586 #bfbab0 #656157

Nearby Colors

#868d9b
#868d9d
#868d8c
#868dac

Embed #868D9C swatch

Embed this swatch

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

Open image

About #868D9C

#868D9C converts to RGB(134, 141, 156) and HSL(221, 10%, 57%). 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).

#868D9C FAQs

What is the RGB value of #868D9C?
RGB: 134, 141, 156. Copy as CSS: rgb(134, 141, 156)
Is #868D9C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #868D9C?
Complement: #9c9586.
Does #868D9C have good contrast on white or black?
On white: 3.33:1 (AA (large text)). On black: 6.30:1 (AA (normal text)).