#5C948C

Color Details

HEX
#5C948C
RGB
rgb(92, 148, 140)
HSL
hsl(171, 23%, 47%)
CMYK
cmyk(38%, 0%, 5%, 42%)
Best text on this color #000000 (CR 6.07:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5c948c
Contrast 6.07:1 AA
White on #5c948c
Contrast 3.46:1 Fail
#5c948c on Black
Contrast 6.07:1 AA
#5c948c on White
Contrast 3.46:1 Fail

Tints & Shades

#7da9a3
#9dbfba
#bed4d1
#4a7670
#375954
#253b38

Complement & Analogous

#935c65
#5c8093
#5c9370

Triadic

#8b5c93
#938b5c

Monochrome

#253b38 #375954 #5c948c #9dbfba #bed4d1 #deeae8

Analogous

#5c9370 #8db39b #5c948c #7d99a9 #5c8093 #4a6676

Complementary Mix

#375954 #5c948c #9dbfba #935c65 #b9959b #603c42

Nearby Colors

#5c948b
#5c948d
#5c947c
#5c949c

Embed #5C948C swatch

Embed this swatch

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

Open image

About #5C948C

#5C948C converts to RGB(92, 148, 140) and HSL(171, 23%, 47%). 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).

#5C948C FAQs

What is the RGB value of #5C948C?
RGB: 92, 148, 140. Copy as CSS: rgb(92, 148, 140)
Is #5C948C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5C948C?
Complement: #935c65.
Does #5C948C have good contrast on white or black?
On white: 3.46:1 (AA (large text)). On black: 6.07:1 (AA (normal text)).