#84f4ee

Color #84f4ee

A vivid, highly saturated light cyan.

Closest named color Medium Turquoise #48d1cc · ΔE 13.51 Nearest Tailwind class teal-200 #96f7e4 · ΔE 4.9

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

Conversions

HEX

#84f4ee

RGB

rgb(132, 244, 238)

HSL

hsl(176.8, 83.6%, 73.7%)

HSV / HSB

hsv(176.8, 45.9%, 95.7%)

CMYK

cmyk(45.9%, 0%, 2.5%, 4.3%)

LAB

lab(89.75, -33.47, -7.07)

LCH

lch(89.75, 34.21, 191.93)

OKLCH

oklch(89.9%, 0.1036, 190.91)

HWB

hwb(176.8, 51.8%, 4.3%)

Harmony colors

Complementary

#f4848a

Analogous

#84f4b6

#84f4ee

#84c2f4

Triadic

#84f4ee

#ee84f4

#f4ee84

Split-complementary

#84f4ee

#f484c2

#f4b684

Tetradic

#84f4ee

#848af4

#f4848a

#f4ee84

Square

#84f4ee

#b684f4

#f4848a

#c2f484

Shades

Color #84f4ee mixed toward black.

#4aefe6

#15e6db

#0fada4

#0a736d

#053a37

Tints

Color #84f4ee mixed toward white.

#98f6f1

#adf8f4

#c1faf7

#d6fbf9

#eafdfc

Tones

Color #84f4ee mixed toward gray.

#8debe6

#97e1dd

#a0d8d5

#a9cfcd

#b3c5c4

Accessibility

Aa White text on this color

1.3:1

Aa Black text on this color

16.16:1

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

Under color vision deficiencies

Protanopia

#bfc0ef · ΔE 29.6

Deuteranopia

#b9b0f0 · ΔE 33.4

Tritanopia

#8df1f1 · ΔE 2.6

Achromatopsia

#e2e2e2 · ΔE 22.7

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

Code

CSS

background-color: #84f4ee;

Tailwind (arbitrary value)

bg-[#84f4ee]

Related colors

Light Sea Green #20b2aa

Medium Turquoise #48d1cc

Turquoise #40e0d0

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Frequently asked questions

#84f4ee (#84f4ee) is rgb(132, 244, 238) in RGB.

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

Generate a palette → Check contrast