#70ac84

Color #70ac84

A muted medium green.

Closest named color Dark Sea Green #8fbc8f · ΔE 8.68 Nearest Tailwind class emerald-500 #00bc7d · ΔE 9.4

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

Conversions

HEX

#70ac84

RGB

rgb(112, 172, 132)

HSL

hsl(140, 26.5%, 55.7%)

HSV / HSB

hsv(140, 34.9%, 67.5%)

CMYK

cmyk(34.9%, 0%, 23.3%, 32.5%)

LAB

lab(65.45, -28.17, 14.53)

LCH

lch(65.45, 31.7, 152.72)

OKLCH

oklch(69.2%, 0.0861, 154.39)

HWB

hwb(140, 43.9%, 32.5%)

Harmony colors

Complementary

#ac7098

Analogous

#7aac70

#70ac84

#70aca2

Triadic

#70ac84

#8470ac

#ac8470

Split-complementary

#70ac84

#a270ac

#ac707a

Tetradic

#70ac84

#7098ac

#ac7098

#ac8470

Square

#70ac84

#707aac

#ac7098

#aca270

Shades

Color #70ac84 mixed toward black.

#57966c

#467856

#345a41

#233c2b

#111e16

Tints

Color #70ac84 mixed toward white.

#88ba99

#a0c8ad

#b8d5c2

#cfe3d6

#e7f1eb

Tones

Color #70ac84 mixed toward gray.

#75a786

#7aa287

#7f9d89

#84988b

#89938c

Accessibility

Aa White text on this color

2.65:1

Aa Black text on this color

7.92:1

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

Under color vision deficiencies

Protanopia

#8e8f8f · ΔE 21.9

Deuteranopia

#8a8691 · ΔE 28.3

Tritanopia

#749799 · ΔE 16.7

Achromatopsia

#9f9f9f · ΔE 21.6

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

Code

CSS

background-color: #70ac84;

Tailwind (arbitrary value)

bg-[#70ac84]

Related colors

Sea Green #2e8b57

Medium Sea Green #3cb371

Spring Green #00ff7f

Mint Cream #f5fffa

Medium Spring Green #00fa9a

Medium Aquamarine #66cdaa

Frequently asked questions

#70ac84 (#70ac84) is rgb(112, 172, 132) in RGB.

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

Generate a palette → Check contrast