#507D6C

Color Details

HEX
#507D6C
RGB
rgb(80, 125, 108)
HSL
hsl(157, 22%, 40%)
CMYK
cmyk(36%, 0%, 14%, 51%)
Best text on this color #FFFFFF (CR 4.68:1) Determined by WCAG contrast ratio

Readability Previews

Black on #507d6c
Contrast 4.49:1 Fail
White on #507d6c
Contrast 4.68:1 AA
#507d6c on Black
Contrast 4.49:1 Fail
#507d6c on White
Contrast 4.68:1 AA

Tints & Shades

#739789
#96b1a7
#b9cbc4
#406456
#304b41
#20322b

Complement & Analogous

#7c5061
#50777c
#507c55

Triadic

#6b507c
#7c6b50

Monochrome

#20322b #304b41 #507d6c #96b1a7 #b9cbc4 #dce5e2

Analogous

#507c55 #85a388 #507d6c #739296 #50777c #405f63

Complementary Mix

#304b41 #507d6c #96b1a7 #7c5061 #aa8d98 #51343f

Nearby Colors

#507d6b
#507d6d
#507d5c
#507d7c

Embed #507D6C swatch

Embed this swatch

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

Open image

About #507D6C

#507D6C converts to RGB(80, 125, 108) and HSL(157, 22%, 40%). 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).

#507D6C FAQs

What is the RGB value of #507D6C?
RGB: 80, 125, 108. Copy as CSS: rgb(80, 125, 108)
Is #507D6C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #507D6C?
Complement: #7c5061.
Does #507D6C have good contrast on white or black?
On white: 4.68:1 (AA (normal text)). On black: 4.49:1 (AA (large text)).