#85e4ed

Color #85e4ed

A vivid, highly saturated light cyan.

Closest named color Pale Turquoise #afeeee · ΔE 10.36 Nearest Tailwind class cyan-200 #a2f4fd · ΔE 4.2

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

Conversions

HEX

#85e4ed

RGB

rgb(133, 228, 237)

HSL

hsl(185.2, 74.3%, 72.5%)

HSV / HSB

hsv(185.2, 43.9%, 92.9%)

CMYK

cmyk(43.9%, 3.8%, 0%, 7.1%)

LAB

lab(85.29, -25.85, -13.18)

LCH

lch(85.29, 29.02, 207.02)

OKLCH

oklch(86.3%, 0.091, 203.5)

HWB

hwb(185.2, 52.2%, 7.1%)

Harmony colors

Complementary

#ed8e85

Analogous

#85edc2

#85e4ed

#85b0ed

Triadic

#85e4ed

#ed85e4

#e4ed85

Split-complementary

#85e4ed

#ed85b0

#edc285

Tetradic

#85e4ed

#8e85ed

#ed8e85

#e4ed85

Square

#85e4ed

#c285ed

#ed8e85

#b0ed85

Shades

Color #85e4ed mixed toward black.

#4fd8e5

#20c7d7

#1895a1

#10636b

#083236

Tints

Color #85e4ed mixed toward white.

#99e8f0

#aeedf3

#c2f1f6

#d6f6f9

#ebfafc

Tones

Color #85e4ed mixed toward gray.

#8ddde4

#96d6dc

#9fced3

#a8c7ca

#b0c0c2

Accessibility

Aa White text on this color

1.47:1

Aa Black text on this color

14.32:1

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

Under color vision deficiencies

Protanopia

#b6b7eb · ΔE 26.7

Deuteranopia

#b1a9ea · ΔE 29.4

Tritanopia

#8ce9e9 · ΔE 3.4

Achromatopsia

#d5d5d5 · ΔE 20.8

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

Code

CSS

background-color: #85e4ed;

Tailwind (arbitrary value)

bg-[#85e4ed]

Related colors

Powder Blue #b0e0e6

Cadet Blue #5f9ea0

Dark Turquoise #00ced1

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Frequently asked questions

#85e4ed (#85e4ed) is rgb(133, 228, 237) in RGB.

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

Generate a palette → Check contrast