#84f1e3

Color #84f1e3

A vivid, highly saturated light cyan.

Closest named color Turquoise #40e0d0 · ΔE 11.96 Nearest Tailwind class teal-200 #96f7e4 · ΔE 2.7

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

Conversions

HEX

#84f1e3

RGB

rgb(132, 241, 227)

HSL

hsl(172.3, 79.6%, 73.1%)

HSV / HSB

hsv(172.3, 45.2%, 94.5%)

CMYK

cmyk(45.2%, 0%, 5.8%, 5.5%)

LAB

lab(88.62, -34.71, -3)

LCH

lch(88.62, 34.84, 184.94)

OKLCH

oklch(88.9%, 0.1033, 184.78)

HWB

hwb(172.3, 51.8%, 5.5%)

Harmony colors

Complementary

#f18492

Analogous

#84f1ac

#84f1e3

#84c8f1

Triadic

#84f1e3

#e384f1

#f1e384

Split-complementary

#84f1e3

#f184c8

#f1ac84

Tetradic

#84f1e3

#8492f1

#f18492

#f1e384

Square

#84f1e3

#ac84f1

#f18492

#c8f184

Shades

Color #84f1e3 mixed toward black.

#4cebd6

#19dfc6

#13a794

#0d7063

#063831

Tints

Color #84f1e3 mixed toward white.

#98f3e8

#adf6ec

#c1f8f1

#d6faf6

#eafdfa

Tones

Color #84f1e3 mixed toward gray.

#8de8dc

#96dfd5

#9fd6cf

#a8cdc8

#b1c4c1

Accessibility

Aa White text on this color

1.34:1

Aa Black text on this color

15.67:1

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

Under color vision deficiencies

Protanopia

#bdbee6 · ΔE 29.8

Deuteranopia

#b7aee7 · ΔE 33.9

Tritanopia

#8ce9ea · ΔE 5.8

Achromatopsia

#dedede · ΔE 22.9

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

Code

CSS

background-color: #84f1e3;

Tailwind (arbitrary value)

bg-[#84f1e3]

Related colors

Turquoise #40e0d0

Light Sea Green #20b2aa

Medium Turquoise #48d1cc

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Frequently asked questions

#84f1e3 (#84f1e3) is rgb(132, 241, 227) in RGB.

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

Generate a palette → Check contrast