#948E9C

Color Details

HEX
#948E9C
RGB
rgb(148, 142, 156)
HSL
hsl(266, 7%, 58%)
CMYK
cmyk(5%, 9%, 0%, 39%)
Best text on this color #000000 (CR 6.61:1) Determined by WCAG contrast ratio

Readability Previews

Black on #948e9c
Contrast 6.61:1 AA
White on #948e9c
Contrast 3.18:1 Fail
#948e9c on Black
Contrast 6.61:1 AA
#948e9c on White
Contrast 3.18:1 Fail

Tints & Shades

#a9a5b0
#bfbbc4
#d4d2d7
#76727d
#59555e
#3b393e

Complement & Analogous

#959b8c
#a87cab
#7c7fab

Triadic

#9b938c
#8c9b93

Monochrome

#3b393e #59555e #948e9c #bfbbc4 #d4d2d7 #eae8eb

Analogous

#7c7fab #a3a5c4 #948e9c #b996bc #a87cab #866389

Complementary Mix

#59555e #948e9c #bfbbc4 #959b8c #babeb4 #61655b

Nearby Colors

#948e9b
#948e9d
#948e8c
#948eac

Embed #948E9C swatch

Embed this swatch

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

Open image

About #948E9C

#948E9C converts to RGB(148, 142, 156) and HSL(266, 7%, 58%). 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).

#948E9C FAQs

What is the RGB value of #948E9C?
RGB: 148, 142, 156. Copy as CSS: rgb(148, 142, 156)
Is #948E9C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #948E9C?
Complement: #959b8c.
Does #948E9C have good contrast on white or black?
On white: 3.18:1 (AA (large text)). On black: 6.61:1 (AA (normal text)).