#16eecd

Color #16eecd

A vivid, highly saturated medium cyan.

Closest named color Turquoise #40e0d0 · ΔE 12.64 Nearest Tailwind class teal-300 #46ecd5 · ΔE 3

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

Conversions

HEX

#16eecd

RGB

rgb(22, 238, 205)

HSL

hsl(170.8, 86.4%, 51%)

HSV / HSB

hsv(170.8, 90.8%, 93.3%)

CMYK

cmyk(90.8%, 0%, 13.9%, 6.7%)

LAB

lab(84.85, -54.12, 2.75)

LCH

lch(84.85, 54.19, 177.09)

OKLCH

oklch(85%, 0.1547, 177.63)

HWB

hwb(170.8, 8.6%, 6.7%)

Harmony colors

Complementary

#ee1637

Analogous

#16ee61

#16eecd

#16a3ee

Triadic

#16eecd

#cd16ee

#eecd16

Split-complementary

#16eecd

#ee16a3

#ee6116

Tetradic

#16eecd

#1637ee

#ee1637

#eecd16

Square

#16eecd

#6116ee

#ee1637

#a3ee16

Shades

Color #16eecd mixed toward black.

#0fcaad

#0ca28b

#097968

#065145

#032823

Tints

Color #16eecd mixed toward white.

#3df1d5

#64f4de

#8bf7e6

#b1f9ee

#d8fcf7

Tones

Color #16eecd mixed toward gray.

#28dcc0

#3acab4

#4cb8a7

#5ea69b

#70948f

Accessibility

Aa White text on this color

1.48:1

Aa Black text on this color

14.15:1

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

Under color vision deficiencies

Protanopia

#a5a6d6 · ΔE 36.6

Deuteranopia

#9b8cd8 · ΔE 43.9

Tritanopia

#3fdcdd · ΔE 11.2

Achromatopsia

#d4d4d4 · ΔE 25.5

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

Code

CSS

background-color: #16eecd;

Tailwind (arbitrary value)

bg-[#16eecd]

Related colors

Turquoise #40e0d0

Light Sea Green #20b2aa

Medium Turquoise #48d1cc

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Frequently asked questions

#16eecd (#16eecd) is rgb(22, 238, 205) in RGB.

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

Generate a palette → Check contrast