#508E2C

Color Details

HEX
#508E2C
RGB
rgb(80, 142, 44)
HSL
hsl(98, 53%, 36%)
CMYK
cmyk(44%, 0%, 69%, 44%)
Best text on this color #000000 (CR 5.25:1) Determined by WCAG contrast ratio

Readability Previews

Black on #508e2c
Contrast 5.25:1 AA
White on #508e2c
Contrast 4.00:1 Fail
#508e2c on Black
Contrast 5.25:1 AA
#508e2c on White
Contrast 4.00:1 Fail

Tints & Shades

#73a556
#96bb80
#b9d2ab
#407223
#30551a
#203912

Complement & Analogous

#692b8c
#2b8c38
#7f8c2b

Triadic

#2b4f8c
#8c2b4f

Monochrome

#203912 #30551a #508e2c #96bb80 #b9d2ab #dce8d5

Analogous

#7f8c2b #a5af6b #508e2c #55a360 #2b8c38 #22702d

Complementary Mix

#30551a #508e2c #96bb80 #692b8c #9e75b4 #441c5b

Nearby Colors

#508e2b
#508e2d
#508e1c
#508e3c

Embed #508E2C swatch

Embed this swatch

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

Open image

About #508E2C

#508E2C converts to RGB(80, 142, 44) and HSL(98, 53%, 36%). 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).

#508E2C FAQs

What is the RGB value of #508E2C?
RGB: 80, 142, 44. Copy as CSS: rgb(80, 142, 44)
Is #508E2C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #508E2C?
Complement: #692b8c.
Does #508E2C have good contrast on white or black?
On white: 4.00:1 (AA (large text)). On black: 5.25:1 (AA (normal text)).