#5dabae

Color #5dabae

A muted medium cyan.

Closest named color Cadet Blue #5f9ea0 · ΔE 5.7 Nearest Tailwind class cyan-500 #00b8db · ΔE 10.7

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

Conversions

HEX

#5dabae

RGB

rgb(93, 171, 174)

HSL

hsl(182.2, 33.3%, 52.4%)

HSV / HSB

hsv(182.2, 46.6%, 68.2%)

CMYK

cmyk(46.6%, 1.7%, 0%, 31.8%)

LAB

lab(65.36, -23.18, -9.01)

LCH

lch(65.36, 24.87, 201.24)

OKLCH

oklch(69.3%, 0.0772, 198.74)

HWB

hwb(182.2, 36.5%, 31.8%)

Harmony colors

Complementary

#ae605d

Analogous

#5dae89

#5dabae

#5d83ae

Triadic

#5dabae

#ae5dab

#abae5d

Split-complementary

#5dabae

#ae5d83

#ae895d

Tetradic

#5dabae

#605dae

#ae605d

#abae5d

Square

#5dabae

#895dae

#ae605d

#83ae5d

Shades

Color #5dabae mixed toward black.

#4a9294

#3b7577

#2d5759

#1e3a3b

#0f1d1e

Tints

Color #5dabae mixed toward white.

#78b9bc

#93c7c9

#aed5d7

#c9e3e4

#e4f1f2

Tones

Color #5dabae mixed toward gray.

#64a5a7

#6b9fa1

#71989a

#789293

#7f8c8c

Accessibility

Aa White text on this color

2.66:1

Aa Black text on this color

7.9:1

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

Under color vision deficiencies

Protanopia

#8687ad · ΔE 26.3

Deuteranopia

#817bad · ΔE 29.1

Tritanopia

#63adad · ΔE 1.4

Achromatopsia

#9f9f9f · ΔE 19.6

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

Code

CSS

background-color: #5dabae;

Tailwind (arbitrary value)

bg-[#5dabae]

Related colors

Cadet Blue #5f9ea0

Dark Turquoise #00ced1

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Dark Slate Gray #2f4f4f

Frequently asked questions

#5dabae (#5dabae) is rgb(93, 171, 174) in RGB.

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

Generate a palette → Check contrast