#31a94b

Color #31a94b

A moderately saturated medium green.

Closest named color Forest Green #228b22 · ΔE 12.79 Nearest Tailwind class green-600 #00a63e · ΔE 2.3

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

Conversions

HEX

#31a94b

RGB

rgb(49, 169, 75)

HSL

hsl(133, 55%, 42.7%)

HSV / HSB

hsv(133, 71%, 66.3%)

CMYK

cmyk(71%, 0%, 55.6%, 33.7%)

LAB

lab(61.25, -52.8, 38.72)

LCH

lch(61.25, 65.48, 143.75)

OKLCH

oklch(64.8%, 0.1697, 146.97)

HWB

hwb(133, 19.2%, 33.7%)

Harmony colors

Complementary

#a9318f

Analogous

#53a931

#31a94b

#31a987

Triadic

#31a94b

#4b31a9

#a94b31

Split-complementary

#31a94b

#8731a9

#a93153

Tetradic

#31a94b

#318fa9

#a9318f

#a94b31

Square

#31a94b

#3153a9

#a9318f

#a98731

Shades

Color #31a94b mixed toward black.

#298d3e

#217132

#185425

#103819

#081c0c

Tints

Color #31a94b mixed toward white.

#42c85f

#68d37f

#8ede9f

#b4e9bf

#d9f4df

Tones

Color #31a94b mixed toward gray.

#3b9f51

#459556

#4f8b5c

#598162

#637767

Accessibility

Aa White text on this color

3.04:1

Aa Black text on this color

6.91:1

Black text reads better on this background (6.91:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#78796c · ΔE 25.3

Deuteranopia

#726972 · ΔE 41.3

Tritanopia

#3f7f83 · ΔE 29

Achromatopsia

#949494 · ΔE 26.7

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

Code

CSS

background-color: #31a94b;

Tailwind (arbitrary value)

bg-[#31a94b]

Related colors

Forest Green #228b22

Mint Green #98ff98

Dark Green #006400

Dark Sea Green #8fbc8f

Green #008000

Honeydew #f0fff0

Frequently asked questions

#31a94b (#31a94b) is rgb(49, 169, 75) in RGB.

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

Generate a palette → Check contrast