#978DBC

Color Details

HEX
#978DBC
RGB
rgb(151, 141, 188)
HSL
hsl(253, 26%, 65%)
CMYK
cmyk(20%, 25%, 0%, 26%)
Best text on this color #000000 (CR 6.85:1) Determined by WCAG contrast ratio

Readability Previews

Black on #978dbc
Contrast 6.85:1 AA
White on #978dbc
Contrast 3.06:1 Fail
#978dbc on Black
Contrast 6.85:1 AA
#978dbc on White
Contrast 3.06:1 Fail

Tints & Shades

#aca4c9
#c1bbd7
#d5d1e4
#797196
#5b5571
#3c384b

Complement & Analogous

#b3bd8f
#b08fbd
#8f9cbd

Triadic

#bd998f
#8fbd99

Monochrome

#3c384b #5b5571 #978dbc #c1bbd7 #d5d1e4 #eae8f2

Analogous

#8f9cbd #b1bad1 #978dbc #c0a5ca #b08fbd #8d7297

Complementary Mix

#5b5571 #978dbc #c1bbd7 #b3bd8f #ced4b6 #747b5d

Nearby Colors

#978dbb
#978dbd
#978dac
#978dcc

Embed #978DBC swatch

Embed this swatch

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

Open image

About #978DBC

#978DBC converts to RGB(151, 141, 188) and HSL(253, 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).

#978DBC FAQs

What is the RGB value of #978DBC?
RGB: 151, 141, 188. Copy as CSS: rgb(151, 141, 188)
Is #978DBC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #978DBC?
Complement: #b3bd8f.
Does #978DBC have good contrast on white or black?
On white: 3.06:1 (AA (large text)). On black: 6.85:1 (AA (normal text)).