#7D948C

Color Details

HEX
#7D948C
RGB
rgb(125, 148, 140)
HSL
hsl(159, 10%, 54%)
CMYK
cmyk(16%, 0%, 5%, 42%)
Best text on this color #000000 (CR 6.49:1) Determined by WCAG contrast ratio

Readability Previews

Black on #7d948c
Contrast 6.49:1 AA
White on #7d948c
Contrast 3.24:1 Fail
#7d948c on Black
Contrast 6.49:1 AA
#7d948c on White
Contrast 3.24:1 Fail

Tints & Shades

#97a9a3
#b1bfba
#cbd4d1
#647670
#4b5954
#323b38

Complement & Analogous

#957e86
#709ca4
#70a478

Triadic

#8d7e95
#958d7e

Monochrome

#323b38 #4b5954 #7d948c #b1bfba #cbd4d1 #e5eae8

Analogous

#70a478 #9bbfa1 #7d948c #8db0b6 #709ca4 #5a7d83

Complementary Mix

#4b5954 #7d948c #b1bfba #957e86 #baabb0 #615257

Nearby Colors

#7d948b
#7d948d
#7d947c
#7d949c

Embed #7D948C swatch

Embed this swatch

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

Open image

About #7D948C

#7D948C converts to RGB(125, 148, 140) and HSL(159, 10%, 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).

#7D948C FAQs

What is the RGB value of #7D948C?
RGB: 125, 148, 140. Copy as CSS: rgb(125, 148, 140)
Is #7D948C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #7D948C?
Complement: #957e86.
Does #7D948C have good contrast on white or black?
On white: 3.24:1 (AA (large text)). On black: 6.49:1 (AA (normal text)).