#2E7D2E

Color Details

HEX
#2E7D2E
RGB
rgb(46, 125, 46)
HSL
hsl(120, 46%, 34%)
CMYK
cmyk(63%, 0%, 63%, 51%)
Best text on this color #FFFFFF (CR 5.14:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2e7d2e
Contrast 4.09:1 Fail
White on #2e7d2e
Contrast 5.14:1 AA
#2e7d2e on Black
Contrast 4.09:1 Fail
#2e7d2e on White
Contrast 5.14:1 AA

Tints & Shades

#589758
#82b182
#abcbab
#256425
#1c4b1c
#123212

Complement & Analogous

#7f2f7f
#2f7f57
#577f2f

Triadic

#2f2f7f
#7f2f2f

Monochrome

#123212 #1c4b1c #2e7d2e #82b182 #abcbab #d5e5d5

Analogous

#577f2f #89a56d #2e7d2e #599979 #2f7f57 #266646

Complementary Mix

#1c4b1c #2e7d2e #82b182 #7f2f7f #ac78ac #531f53

Nearby Colors

#2e7d2d
#2e7d2f
#2e7d1e
#2e7d3e

Embed #2E7D2E swatch

Embed this swatch

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

Open image

About #2E7D2E

#2E7D2E converts to RGB(46, 125, 46) and HSL(120, 46%, 34%). 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).

#2E7D2E FAQs

What is the RGB value of #2E7D2E?
RGB: 46, 125, 46. Copy as CSS: rgb(46, 125, 46)
Is #2E7D2E a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2E7D2E?
Complement: #7f2f7f.
Does #2E7D2E have good contrast on white or black?
On white: 5.14:1 (AA (normal text)). On black: 4.09:1 (AA (large text)).