#5C727A

Color Details

HEX
#5C727A
RGB
rgb(92, 114, 122)
HSL
hsl(196, 14%, 42%)
CMYK
cmyk(25%, 7%, 0%, 52%)
Best text on this color #FFFFFF (CR 5.07:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5c727a
Contrast 4.14:1 Fail
White on #5c727a
Contrast 5.07:1 AA
#5c727a on Black
Contrast 4.14:1 Fail
#5c727a on White
Contrast 5.07:1 AA

Tints & Shades

#7d8e95
#9daaaf
#bec7ca
#4a5b62
#374449
#252e31

Complement & Analogous

#7a645c
#545f83
#548378

Triadic

#7a5c72
#727a5c

Monochrome

#252e31 #374449 #5c727a #9daaaf #bec7ca #dee3e4

Analogous

#548378 #87a8a1 #5c727a #767f9c #545f83 #434c69

Complementary Mix

#374449 #5c727a #9daaaf #7a645c #a99a95 #4f413c

Nearby Colors

#5c7279
#5c727b
#5c726a
#5c728a

Embed #5C727A swatch

Embed this swatch

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

Open image

About #5C727A

#5C727A converts to RGB(92, 114, 122) and HSL(196, 14%, 42%). 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).

#5C727A FAQs

What is the RGB value of #5C727A?
RGB: 92, 114, 122. Copy as CSS: rgb(92, 114, 122)
Is #5C727A a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5C727A?
Complement: #7a645c.
Does #5C727A have good contrast on white or black?
On white: 5.07:1 (AA (normal text)). On black: 4.14:1 (AA (large text)).