#2ebc6f

Color #2ebc6f

A moderately saturated medium green.

Closest named color Medium Sea Green #3cb371 · ΔE 7.88 Nearest Tailwind class emerald-500 #00bc7d · ΔE 3.4

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

Conversions

HEX

#2ebc6f

RGB

rgb(46, 188, 111)

HSL

hsl(147.5, 60.7%, 45.9%)

HSV / HSB

hsv(147.5, 75.5%, 73.7%)

CMYK

cmyk(75.5%, 0%, 41%, 26.3%)

LAB

lab(67.79, -54.29, 28.64)

LCH

lch(67.79, 61.38, 152.19)

OKLCH

oklch(70.4%, 0.1627, 154.05)

HWB

hwb(147.5, 18%, 26.3%)

Harmony colors

Complementary

#bc2e7b

Analogous

#34bc2e

#2ebc6f

#2ebcb6

Triadic

#2ebc6f

#6f2ebc

#bc6f2e

Split-complementary

#2ebc6f

#b62ebc

#bc2e34

Tetradic

#2ebc6f

#2e7bbc

#bc2e7b

#bc6f2e

Square

#2ebc6f

#2e34bc

#bc2e7b

#bcb62e

Shades

Color #2ebc6f mixed toward black.

#269d5d

#1f7d4a

#175e38

#0f3f25

#081f13

Tints

Color #2ebc6f mixed toward white.

#46d286

#6bdb9e

#90e4b7

#b5edcf

#daf6e7

Tones

Color #2ebc6f mixed toward gray.

#3ab070

#46a471

#529972

#5d8d73

#698174

Accessibility

Aa White text on this color

2.46:1

Aa Black text on this color

8.54:1

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

Under color vision deficiencies

Protanopia

#858687 · ΔE 28.5

Deuteranopia

#7d738c · ΔE 39.7

Tritanopia

#40979a · ΔE 24.6

Achromatopsia

#a5a5a5 · ΔE 26.2

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

Code

CSS

background-color: #2ebc6f;

Tailwind (arbitrary value)

bg-[#2ebc6f]

Related colors

Medium Sea Green #3cb371

Sea Green #2e8b57

Spring Green #00ff7f

Mint Cream #f5fffa

Medium Spring Green #00fa9a

Medium Aquamarine #66cdaa

Frequently asked questions

#2ebc6f (#2ebc6f) is rgb(46, 188, 111) in RGB.

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

Generate a palette → Check contrast