#2fb12e

Color #2fb12e

A moderately saturated medium green.

Closest named color Lime Green #32cd32 · ΔE 14.38 Nearest Tailwind class green-600 #00a63e · ΔE 5

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#2fb12e

RGB

rgb(47, 177, 46)

HSL

hsl(119.5, 58.7%, 43.7%)

HSV / HSB

hsv(119.5, 74%, 69.4%)

CMYK

cmyk(73.4%, 0%, 74%, 30.6%)

LAB

lab(63.54, -59.03, 53.76)

LCH

lch(63.54, 79.84, 137.68)

OKLCH

oklch(66.6%, 0.2012, 142.82)

HWB

hwb(119.5, 18%, 30.6%)

Harmony colors

Complementary

#b02eb1

Analogous

#71b12e

#2fb12e

#2eb16e

Triadic

#2fb12e

#2e2fb1

#b12e2f

Split-complementary

#2fb12e

#6e2eb1

#b12e71

Tetradic

#2fb12e

#2eb1b0

#b02eb1

#b12e2f

Square

#2fb12e

#2e71b1

#b02eb1

#b16e2e

Shades

Color #2fb12e mixed toward black.

#279326

#1f761f

#185817

#103b0f

#081d08

Tints

Color #2fb12e mixed toward white.

#42ce41

#68d767

#8ee18d

#b4ebb3

#d9f5d9

Tones

Color #2fb12e mixed toward gray.

#3aa639

#459b44

#4f904f

#5a855a

#657a65

Accessibility

Aa White text on this color

2.82:1

Aa Black text on this color

7.45:1

Black text reads better on this background (7.45:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#7d7e64 · ΔE 24.9

Deuteranopia

#766d6c · ΔE 37.1

Tritanopia

#3f7d82 · ΔE 33.8

Achromatopsia

#9a9a9a · ΔE 28.6

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #2fb12e;

Tailwind (arbitrary value)

bg-[#2fb12e]

Related colors

Forest Green #228b22

Mint Green #98ff98

Dark Green #006400

Dark Sea Green #8fbc8f

Green #008000

Honeydew #f0fff0

Frequently asked questions

#2fb12e (#2fb12e) is rgb(47, 177, 46) in RGB.

No, #2fb12e is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #2fb12e, or check how it holds up for accessibility.

Generate a palette → Check contrast