#2A8C2F

Color Details

HEX
#2A8C2F
RGB
rgb(42, 140, 47)
HSL
hsl(123, 54%, 36%)
CMYK
cmyk(70%, 0%, 66%, 45%)
Best text on this color #000000 (CR 4.89:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2a8c2f
Contrast 4.89:1 AA
White on #2a8c2f
Contrast 4.29:1 Fail
#2a8c2f on Black
Contrast 4.89:1 AA
#2a8c2f on White
Contrast 4.29:1 Fail

Tints & Shades

#55a359
#7fba82
#aad1ac
#227026
#19541c
#113813

Complement & Analogous

#8d2a88
#2a8d61
#578d2a

Triadic

#2f2a8d
#8d2f2a

Monochrome

#113813 #19541c #2a8c2f #7fba82 #aad1ac #d4e8d5

Analogous

#578d2a #89af6a #2a8c2f #55a481 #2a8d61 #22714e

Complementary Mix

#19541c #2a8c2f #7fba82 #8d2a88 #b575b2 #5c1b58

Nearby Colors

#2a8c2e
#2a8c30
#2a8c1f
#2a8c3f

Embed #2A8C2F swatch

Embed this swatch

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

Open image

About #2A8C2F

#2A8C2F converts to RGB(42, 140, 47) and HSL(123, 54%, 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).

#2A8C2F FAQs

What is the RGB value of #2A8C2F?
RGB: 42, 140, 47. Copy as CSS: rgb(42, 140, 47)
Is #2A8C2F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2A8C2F?
Complement: #8d2a88.
Does #2A8C2F have good contrast on white or black?
On white: 4.29:1 (AA (large text)). On black: 4.89:1 (AA (normal text)).