#5B8045

Color Details

HEX
#5B8045
RGB
rgb(91, 128, 69)
HSL
hsl(98, 30%, 39%)
CMYK
cmyk(29%, 0%, 46%, 50%)
Best text on this color #000000 (CR 4.62:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5b8045
Contrast 4.62:1 AA
White on #5b8045
Contrast 4.55:1 AA
#5b8045 on Black
Contrast 4.62:1 AA
#5b8045 on White
Contrast 4.55:1 AA

Tints & Shades

#7c996a
#9db38f
#bdccb5
#496637
#374d29
#24331c

Complement & Analogous

#6b4681
#46814e
#798146

Triadic

#465b81
#81465b

Monochrome

#24331c #374d29 #5b8045 #9db38f #bdccb5 #dee6da

Analogous

#798146 #a1a77e #5b8045 #6b9a71 #46814e #38673e

Complementary Mix

#374d29 #5b8045 #9db38f #6b4681 #9f87ad #462e54

Nearby Colors

#5b8044
#5b8046
#5b8035
#5b8055

Embed #5B8045 swatch

Embed this swatch

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

Open image

About #5B8045

#5B8045 converts to RGB(91, 128, 69) and HSL(98, 30%, 39%). 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).

#5B8045 FAQs

What is the RGB value of #5B8045?
RGB: 91, 128, 69. Copy as CSS: rgb(91, 128, 69)
Is #5B8045 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5B8045?
Complement: #6b4681.
Does #5B8045 have good contrast on white or black?
On white: 4.55:1 (AA (normal text)). On black: 4.62:1 (AA (normal text)).