#70a476

Color #70a476

A muted medium green.

Closest named color Dark Sea Green #8fbc8f · ΔE 9.84 Nearest Tailwind class emerald-600 #009966 · ΔE 10.2

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

Conversions

HEX

#70a476

RGB

rgb(112, 164, 118)

HSL

hsl(126.9, 22.2%, 54.1%)

HSV / HSB

hsv(126.9, 31.7%, 64.3%)

CMYK

cmyk(31.7%, 0%, 28%, 35.7%)

LAB

lab(62.76, -26.9, 18.52)

LCH

lch(62.76, 32.66, 145.45)

OKLCH

oklch(67%, 0.0872, 147.4)

HWB

hwb(126.9, 43.9%, 35.7%)

Harmony colors

Complementary

#a4709e

Analogous

#84a470

#70a476

#70a490

Triadic

#70a476

#7670a4

#a47670

Split-complementary

#70a476

#9070a4

#a47084

Tetradic

#70a476

#709ea4

#a4709e

#a47670

Square

#70a476

#7084a4

#a4709e

#a49070

Shades

Color #70a476 mixed toward black.

#598c5f

#48704c

#365439

#243826

#121c13

Tints

Color #70a476 mixed toward white.

#88b38d

#a0c2a4

#b7d1ba

#cfe1d1

#e7f0e8

Tones

Color #70a476 mixed toward gray.

#74a079

#799b7d

#7d9780

#819383

#868e87

Accessibility

Aa White text on this color

2.89:1

Aa Black text on this color

7.26:1

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

Under color vision deficiencies

Protanopia

#8a8a83 · ΔE 19.6

Deuteranopia

#878286 · ΔE 28.8

Tritanopia

#738c8e · ΔE 18.9

Achromatopsia

#989898 · ΔE 21.5

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

Code

CSS

background-color: #70a476;

Tailwind (arbitrary value)

bg-[#70a476]

Related colors

Forest Green #228b22

Mint Green #98ff98

Dark Green #006400

Dark Sea Green #8fbc8f

Green #008000

Honeydew #f0fff0

Frequently asked questions

#70a476 (#70a476) is rgb(112, 164, 118) in RGB.

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

Generate a palette → Check contrast