#87948C

Color Details

HEX
#87948C
RGB
rgb(135, 148, 140)
HSL
hsl(143, 6%, 55%)
CMYK
cmyk(9%, 0%, 5%, 42%)
Best text on this color #000000 (CR 6.64:1) Determined by WCAG contrast ratio

Readability Previews

Black on #87948c
Contrast 6.64:1 AA
White on #87948c
Contrast 3.16:1 Fail
#87948c on Black
Contrast 6.64:1 AA
#87948c on White
Contrast 3.16:1 Fail

Tints & Shades

#9fa9a3
#b7bfba
#cfd4d1
#6c7670
#515954
#363b38

Complement & Analogous

#93858e
#73a5a0
#79a573

Triadic

#8b8593
#938b85

Monochrome

#363b38 #515954 #87948c #b7bfba #cfd4d1 #e7eae8

Analogous

#79a573 #a1c09d #87948c #8fb7b3 #73a5a0 #5c8480

Complementary Mix

#515954 #87948c #b7bfba #93858e #b9b0b6 #60565c

Nearby Colors

#87948b
#87948d
#87947c
#87949c

Embed #87948C swatch

Embed this swatch

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

Open image

About #87948C

#87948C converts to RGB(135, 148, 140) and HSL(143, 6%, 55%). 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).

#87948C FAQs

What is the RGB value of #87948C?
RGB: 135, 148, 140. Copy as CSS: rgb(135, 148, 140)
Is #87948C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #87948C?
Complement: #93858e.
Does #87948C have good contrast on white or black?
On white: 3.16:1 (AA (large text)). On black: 6.64:1 (AA (normal text)).