#1eab97

Color #1eab97

A vivid, highly saturated dark cyan.

Closest named color Light Sea Green #20b2aa · ΔE 7.5 Nearest Tailwind class teal-500 #00bba7 · ΔE 4.5

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

Conversions

HEX

#1eab97

RGB

rgb(30, 171, 151)

HSL

hsl(171.5, 70.1%, 39.4%)

HSV / HSB

hsv(171.5, 82.5%, 67.1%)

CMYK

cmyk(82.5%, 0%, 11.7%, 32.9%)

LAB

lab(63.04, -39.95, 0.21)

LCH

lch(63.04, 39.95, 179.7)

OKLCH

oklch(66.7%, 0.1154, 180.05)

HWB

hwb(171.5, 11.8%, 32.9%)

Harmony colors

Complementary

#ab1e32

Analogous

#1eab51

#1eab97

#1e78ab

Triadic

#1eab97

#971eab

#ab971e

Split-complementary

#1eab97

#ab1e78

#ab511e

Tetradic

#1eab97

#1e32ab

#ab1e32

#ab971e

Square

#1eab97

#511eab

#ab1e32

#78ab1e

Shades

Color #1eab97 mixed toward black.

#198e7e

#147265

#0f554b

#0a3932

#051c19

Tints

Color #1eab97 mixed toward white.

#26d7be

#50e0cc

#7ce8d9

#a7f0e5

#d3f7f2

Tones

Color #1eab97 mixed toward gray.

#2a9f8f

#369386

#41887e

#4d7c75

#59706d

Accessibility

Aa White text on this color

2.87:1

Aa Black text on this color

7.33:1

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

Under color vision deficiencies

Protanopia

#77789c · ΔE 32.3

Deuteranopia

#70659d · ΔE 38.9

Tritanopia

#33a0a1 · ΔE 8.5

Achromatopsia

#999999 · ΔE 23.9

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

Code

CSS

background-color: #1eab97;

Tailwind (arbitrary value)

bg-[#1eab97]

Related colors

Turquoise #40e0d0

Light Sea Green #20b2aa

Medium Turquoise #48d1cc

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Frequently asked questions

#1eab97 (#1eab97) is rgb(30, 171, 151) in RGB.

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

Generate a palette → Check contrast