#78889E

Color Details

HEX
#78889E
RGB
rgb(120, 136, 158)
HSL
hsl(215, 16%, 55%)
CMYK
cmyk(24%, 14%, 0%, 38%)
Best text on this color #000000 (CR 5.81:1) Determined by WCAG contrast ratio

Readability Previews

Black on #78889e
Contrast 5.81:1 AA
White on #78889e
Contrast 3.61:1 Fail
#78889e on Black
Contrast 5.81:1 AA
#78889e on White
Contrast 3.61:1 Fail

Tints & Shades

#93a0b1
#aeb8c5
#c9cfd8
#606d7e
#48525f
#30363f

Complement & Analogous

#9f8f7a
#7773a5
#73a1a5

Triadic

#9f7a89
#899f7a

Monochrome

#30363f #48525f #78889e #aeb8c5 #c9cfd8 #e4e7ec

Analogous

#73a1a5 #9dbdc0 #78889e #928fb7 #7773a5 #5f5c84

Complementary Mix

#48525f #78889e #aeb8c5 #9f8f7a #c1b6a9 #675d4f

Nearby Colors

#78889d
#78889f
#78888e
#7888ae

Embed #78889E swatch

Embed this swatch

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

Open image

About #78889E

#78889E converts to RGB(120, 136, 158) and HSL(215, 16%, 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).

#78889E FAQs

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