#70b19e

Color #70b19e

A muted medium green.

Closest named color Cadet Blue #5f9ea0 · ΔE 13.52 Nearest Tailwind class teal-500 #00bba7 · ΔE 8

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

Conversions

HEX

#70b19e

RGB

rgb(112, 177, 158)

HSL

hsl(162.5, 29.4%, 56.7%)

HSV / HSB

hsv(162.5, 36.7%, 69.4%)

CMYK

cmyk(36.7%, 0%, 10.7%, 30.6%)

LAB

lab(67.54, -25.15, 3.17)

LCH

lch(67.54, 25.35, 172.82)

OKLCH

oklch(71.1%, 0.0726, 173.68)

HWB

hwb(162.5, 43.9%, 30.6%)

Harmony colors

Complementary

#b17083

Analogous

#70b17e

#70b19e

#70a4b1

Triadic

#70b19e

#9e70b1

#b19e70

Split-complementary

#70b19e

#b170a4

#b17e70

Tetradic

#70b19e

#7083b1

#b17083

#b19e70

Square

#70b19e

#7e70b1

#b17083

#a4b170

Shades

Color #70b19e mixed toward black.

#559c87

#447d6c

#335e51

#223e36

#111f1b

Tints

Color #70b19e mixed toward white.

#88beae

#a0cbbe

#b8d8cf

#cfe5df

#e7f2ef

Tones

Color #70b19e mixed toward gray.

#76ac9c

#7ba69a

#80a197

#869b95

#8b9693

Accessibility

Aa White text on this color

2.48:1

Aa Black text on this color

8.47:1

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

Under color vision deficiencies

Protanopia

#9191a3 · ΔE 26.1

Deuteranopia

#8d88a4 · ΔE 29.8

Tritanopia

#74a7a7 · ΔE 8.3

Achromatopsia

#a4a4a4 · ΔE 20.1

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

Code

CSS

background-color: #70b19e;

Tailwind (arbitrary value)

bg-[#70b19e]

Related colors

Aquamarine #7fffd4

Medium Aquamarine #66cdaa

Medium Spring Green #00fa9a

Turquoise #40e0d0

Mint Cream #f5fffa

Spring Green #00ff7f

Frequently asked questions

#70b19e (#70b19e) is rgb(112, 177, 158) in RGB.

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

Generate a palette → Check contrast