#12c96d

Color #12c96d

A vivid, highly saturated medium green.

Closest named color Medium Sea Green #3cb371 · ΔE 18.14 Nearest Tailwind class green-500 #00c950 · ΔE 4.2

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

Conversions

HEX

#12c96d

RGB

rgb(18, 201, 109)

HSL

hsl(149.8, 83.6%, 42.9%)

HSV / HSB

hsv(149.8, 91%, 78.8%)

CMYK

cmyk(91%, 0%, 45.8%, 21.2%)

LAB

lab(71.56, -61.84, 34.49)

LCH

lch(71.56, 70.81, 150.85)

OKLCH

oklch(73.4%, 0.1862, 152.94)

HWB

hwb(149.8, 7.1%, 21.2%)

Harmony colors

Complementary

#c9126e

Analogous

#13c912

#12c96d

#12c9c8

Triadic

#12c96d

#6d12c9

#c96d12

Split-complementary

#12c96d

#c812c9

#c91213

Tetradic

#12c96d

#126ec9

#c9126e

#c96d12

Square

#12c96d

#1213c9

#c9126e

#c9c812

Shades

Color #12c96d mixed toward black.

#0fa75b

#0c8649

#096436

#064324

#032112

Tints

Color #12c96d mixed toward white.

#20eb85

#4def9d

#79f3b6

#a6f7ce

#d2fbe7

Tones

Color #12c96d mixed toward gray.

#21ba6d

#30aa6d

#409b6d

#4f8c6d

#5e7d6d

Accessibility

Aa White text on this color

2.19:1

Aa Black text on this color

9.6:1

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

Under color vision deficiencies

Protanopia

#8b8c8b · ΔE 29.2

Deuteranopia

#827591 · ΔE 42.7

Tritanopia

#349ea1 · ΔE 26.8

Achromatopsia

#afafaf · ΔE 27.5

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

Code

CSS

background-color: #12c96d;

Tailwind (arbitrary value)

bg-[#12c96d]

Related colors

Spring Green #00ff7f

Mint Cream #f5fffa

Medium Sea Green #3cb371

Sea Green #2e8b57

Medium Spring Green #00fa9a

Medium Aquamarine #66cdaa

Frequently asked questions

#12c96d (#12c96d) is rgb(18, 201, 109) in RGB.

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

Generate a palette → Check contrast