#5C766C

Color Details

HEX
#5C766C
RGB
rgb(92, 118, 108)
HSL
hsl(157, 12%, 41%)
CMYK
cmyk(22%, 0%, 8%, 54%)
Best text on this color #FFFFFF (CR 4.93:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5c766c
Contrast 4.26:1 Fail
White on #5c766c
Contrast 4.93:1 AA
#5c766c on Black
Contrast 4.26:1 Fail
#5c766c on White
Contrast 4.93:1 AA

Tints & Shades

#7d9189
#9dada7
#bec8c4
#4a5e56
#374741
#252f2b

Complement & Analogous

#755c66
#527a80
#528057

Triadic

#6b5c75
#756b5c

Monochrome

#252f2b #374741 #5c766c #9dada7 #bec8c4 #dee4e2

Analogous

#528057 #86a689 #5c766c #759599 #527a80 #426266

Complementary Mix

#374741 #5c766c #9dada7 #755c66 #a5959c #4c3c42

Nearby Colors

#5c766b
#5c766d
#5c765c
#5c767c

Embed #5C766C swatch

Embed this swatch

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

Open image

About #5C766C

#5C766C converts to RGB(92, 118, 108) and HSL(157, 12%, 41%). 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).

#5C766C FAQs

What is the RGB value of #5C766C?
RGB: 92, 118, 108. Copy as CSS: rgb(92, 118, 108)
Is #5C766C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5C766C?
Complement: #755c66.
Does #5C766C have good contrast on white or black?
On white: 4.93:1 (AA (normal text)). On black: 4.26:1 (AA (large text)).