#979DBC

Color Details

HEX
#979DBC
RGB
rgb(151, 157, 188)
HSL
hsl(230, 22%, 66%)
CMYK
cmyk(20%, 16%, 0%, 26%)
Best text on this color #000000 (CR 7.86:1) Determined by WCAG contrast ratio

Readability Previews

Black on #979dbc
Contrast 7.86:1 AAA
White on #979dbc
Contrast 2.67:1 Fail
#979dbc on Black
Contrast 7.86:1 AAA
#979dbc on White
Contrast 2.67:1 Fail

Tints & Shades

#acb1c9
#c1c4d7
#d5d8e4
#797e96
#5b5e71
#3c3f4b

Complement & Analogous

#bbb595
#a295bb
#95afbb

Triadic

#bb959c
#9cbb95

Monochrome

#3c3f4b #5b5e71 #979dbc #c1c4d7 #d5d8e4 #eaebf2

Analogous

#95afbb #b5c7cf #979dbc #b5aac9 #a295bb #827796

Complementary Mix

#5b5e71 #979dbc #c1c4d7 #bbb595 #d3cfba #7a7661

Nearby Colors

#979dbb
#979dbd
#979dac
#979dcc

Embed #979DBC swatch

Embed this swatch

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

Open image

About #979DBC

#979DBC converts to RGB(151, 157, 188) and HSL(230, 22%, 66%). 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).

#979DBC FAQs

What is the RGB value of #979DBC?
RGB: 151, 157, 188. Copy as CSS: rgb(151, 157, 188)
Is #979DBC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #979DBC?
Complement: #bbb595.
Does #979DBC have good contrast on white or black?
On white: 2.67:1 (Fails AA). On black: 7.86:1 (AAA (normal text)).