#5B724C

Color Details

HEX
#5B724C
RGB
rgb(91, 114, 76)
HSL
hsl(96, 20%, 37%)
CMYK
cmyk(20%, 0%, 33%, 55%)
Best text on this color #FFFFFF (CR 5.31:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5b724c
Contrast 3.96:1 Fail
White on #5b724c
Contrast 5.31:1 AA
#5b724c on Black
Contrast 3.96:1 Fail
#5b724c on White
Contrast 5.31:1 AA

Tints & Shades

#7c8e70
#9daa94
#bdc7b7
#495b3d
#37442e
#242e1e

Complement & Analogous

#624b71
#4a734e
#6f734a

Triadic

#4b5b71
#714b5b

Monochrome

#242e1e #37442e #5b724c #9daa94 #bdc7b7 #dee3db

Analogous

#6f734a #9a9d80 #5b724c #6e8f71 #4a734e #3b5c3e

Complementary Mix

#37442e #5b724c #9daa94 #624b71 #998aa3 #403149

Nearby Colors

#5b724b
#5b724d
#5b723c
#5b725c

Embed #5B724C swatch

Embed this swatch

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

Open image

About #5B724C

#5B724C converts to RGB(91, 114, 76) and HSL(96, 20%, 37%). 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).

#5B724C FAQs

What is the RGB value of #5B724C?
RGB: 91, 114, 76. Copy as CSS: rgb(91, 114, 76)
Is #5B724C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5B724C?
Complement: #624b71.
Does #5B724C have good contrast on white or black?
On white: 5.31:1 (AA (normal text)). On black: 3.96:1 (AA (large text)).