#4cc1d0

Color #4cc1d0

A moderately saturated medium cyan.

Closest named color Dark Turquoise #00ced1 · ΔE 12.94 Nearest Tailwind class cyan-400 #00d3f2 · ΔE 6.2

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

Conversions

HEX

#4cc1d0

RGB

rgb(76, 193, 208)

HSL

hsl(186.8, 58.4%, 55.7%)

HSV / HSB

hsv(186.8, 63.5%, 81.6%)

CMYK

cmyk(63.5%, 7.2%, 0%, 18.4%)

LAB

lab(72.38, -28, -17.26)

LCH

lch(72.38, 32.89, 211.65)

OKLCH

oklch(75.1%, 0.1054, 206.98)

HWB

hwb(186.8, 29.8%, 18.4%)

Harmony colors

Complementary

#d05b4c

Analogous

#4cd09d

#4cc1d0

#4c7fd0

Triadic

#4cc1d0

#d04cc1

#c1d04c

Split-complementary

#4cc1d0

#d04c7f

#d09d4c

Tetradic

#4cc1d0

#5b4cd0

#d05b4c

#c1d04c

Square

#4cc1d0

#9d4cd0

#d05b4c

#7fd04c

Shades

Color #4cc1d0 mixed toward black.

#31acbb

#278996

#1e6770

#14454b

#0a2225

Tints

Color #4cc1d0 mixed toward white.

#6acbd8

#88d6e0

#a6e0e8

#c3eaef

#e1f5f7

Tones

Color #4cc1d0 mixed toward gray.

#57b9c5

#62b0ba

#6da8af

#789fa4

#839799

Accessibility

Aa White text on this color

2.13:1

Aa Black text on this color

9.85:1

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

Under color vision deficiencies

Protanopia

#8e8fcd · ΔE 28.4

Deuteranopia

#887fcc · ΔE 31.9

Tritanopia

#57cac9 · ΔE 6.2

Achromatopsia

#b1b1b1 · ΔE 21.7

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

Code

CSS

background-color: #4cc1d0;

Tailwind (arbitrary value)

bg-[#4cc1d0]

Related colors

Powder Blue #b0e0e6

Cadet Blue #5f9ea0

Dark Turquoise #00ced1

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Frequently asked questions

#4cc1d0 (#4cc1d0) is rgb(76, 193, 208) in RGB.

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

Generate a palette → Check contrast