#78889D

Color Details

HEX
#78889D
RGB
rgb(120, 136, 157)
HSL
hsl(214, 16%, 54%)
CMYK
cmyk(24%, 13%, 0%, 38%)
Best text on this color #000000 (CR 5.81:1) Determined by WCAG contrast ratio

Readability Previews

Black on #78889d
Contrast 5.81:1 AA
White on #78889d
Contrast 3.62:1 Fail
#78889d on Black
Contrast 5.81:1 AA
#78889d on White
Contrast 3.62:1 Fail

Tints & Shades

#93a0b1
#aeb8c4
#c9cfd8
#606d7e
#48525e
#30363f

Complement & Analogous

#9c8c77
#7370a4
#70a0a4

Triadic

#9c7787
#879c77

Monochrome

#30363f #48525e #78889d #aeb8c4 #c9cfd8 #e4e7eb

Analogous

#70a0a4 #9bbdbf #78889d #8f8db6 #7370a4 #5c5a83

Complementary Mix

#48525e #78889d #aeb8c4 #9c8c77 #bfb4a7 #655b4d

Nearby Colors

#78889c
#78889e
#78888d
#7888ad

Embed #78889D swatch

Embed this swatch

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

Open image

About #78889D

#78889D converts to RGB(120, 136, 157) and HSL(214, 16%, 54%). 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).

#78889D FAQs

What is the RGB value of #78889D?
RGB: 120, 136, 157. Copy as CSS: rgb(120, 136, 157)
Is #78889D a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #78889D?
Complement: #9c8c77.
Does #78889D have good contrast on white or black?
On white: 3.62:1 (AA (large text)). On black: 5.81:1 (AA (normal text)).