#53d0cd

Color #53d0cd

A moderately saturated medium cyan.

Closest named color Medium Turquoise #48d1cc · ΔE 2.54 Nearest Tailwind class teal-400 #00d5be · ΔE 7.4

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

Conversions

HEX

#53d0cd

RGB

rgb(83, 208, 205)

HSL

hsl(178.6, 57.1%, 57.1%)

HSV / HSB

hsv(178.6, 60.1%, 81.6%)

CMYK

cmyk(60.1%, 0%, 1.4%, 18.4%)

LAB

lab(76.89, -34.87, -8.84)

LCH

lch(76.89, 35.97, 194.23)

OKLCH

oklch(78.8%, 0.1098, 192.95)

HWB

hwb(178.6, 32.5%, 18.4%)

Harmony colors

Complementary

#d05356

Analogous

#53d08f

#53d0cd

#5395d0

Triadic

#53d0cd

#cd53d0

#d0cd53

Split-complementary

#53d0cd

#d05395

#d08f53

Tetradic

#53d0cd

#5356d0

#d05356

#d0cd53

Square

#53d0cd

#8f53d0

#d05356

#95d053

Shades

Color #53d0cd mixed toward black.

#34bfbb

#2a9896

#1f7270

#154c4b

#0a2625

Tints

Color #53d0cd mixed toward white.

#70d8d5

#8ce0de

#a9e8e6

#c6efee

#e2f7f7

Tones

Color #53d0cd mixed toward gray.

#5ec6c3

#68bbb9

#72b1af

#7da6a5

#879c9c

Accessibility

Aa White text on this color

1.86:1

Aa Black text on this color

11.27:1

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

Under color vision deficiencies

Protanopia

#9a9bce · ΔE 30.7

Deuteranopia

#9389ce · ΔE 35.3

Tritanopia

#5fcece · ΔE 1.7

Achromatopsia

#bebebe · ΔE 23

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

Code

CSS

background-color: #53d0cd;

Tailwind (arbitrary value)

bg-[#53d0cd]

Related colors

Medium Turquoise #48d1cc

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Dark Slate Gray #2f4f4f

Light Cyan #e0ffff

Frequently asked questions

#53d0cd (#53d0cd) is rgb(83, 208, 205) in RGB.

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

Generate a palette → Check contrast