#3db12f

Color #3db12f

A moderately saturated medium green.

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

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

Conversions

HEX

#3db12f

RGB

rgb(61, 177, 47)

HSL

hsl(113.5, 58%, 43.9%)

HSV / HSB

hsv(113.5, 73.4%, 69.4%)

CMYK

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

LAB

lab(63.87, -56.29, 53.83)

LCH

lch(63.87, 77.89, 136.28)

OKLCH

oklch(67%, 0.196, 141.59)

HWB

hwb(113.5, 18.4%, 30.6%)

Harmony colors

Complementary

#a32fb1

Analogous

#7eb12f

#3db12f

#2fb162

Triadic

#3db12f

#2f3db1

#b12f3d

Split-complementary

#3db12f

#622fb1

#b12f7e

Tetradic

#3db12f

#2fb1a3

#a32fb1

#b12f3d

Square

#3db12f

#2f7eb1

#a32fb1

#b1622f

Shades

Color #3db12f mixed toward black.

#339327

#29761f

#1f5818

#143b10

#0a1d08

Tints

Color #3db12f mixed toward white.

#52cd43

#74d768

#97e18e

#baebb4

#dcf5d9

Tones

Color #3db12f mixed toward gray.

#46a63a

#4e9b45

#57904f

#5f865a

#677b65

Accessibility

Aa White text on this color

2.79:1

Aa Black text on this color

7.53:1

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

Under color vision deficiencies

Protanopia

#808164 · ΔE 23.7

Deuteranopia

#7a716d · ΔE 34.6

Tritanopia

#497d82 · ΔE 33.8

Achromatopsia

#9b9b9b · ΔE 28.4

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

Code

CSS

background-color: #3db12f;

Tailwind (arbitrary value)

bg-[#3db12f]

Related colors

Forest Green #228b22

Mint Green #98ff98

Dark Green #006400

Dark Sea Green #8fbc8f

Green #008000

Honeydew #f0fff0

Frequently asked questions

#3db12f (#3db12f) is rgb(61, 177, 47) in RGB.

No, #3db12f 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 #3db12f, or check how it holds up for accessibility.

Generate a palette → Check contrast