#00d4e4

Color #00d4e4

A vivid, highly saturated medium cyan.

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

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

Conversions

HEX

#00d4e4

RGB

rgb(0, 212, 228)

HSL

hsl(184.2, 100%, 44.7%)

HSV / HSB

hsv(184.2, 100%, 89.4%)

CMYK

cmyk(100%, 7%, 0%, 10.6%)

LAB

lab(77.69, -36.97, -20.12)

LCH

lch(77.69, 42.09, 208.56)

OKLCH

oklch(79.3%, 0.1354, 204.48)

HWB

hwb(184.2, 0%, 10.6%)

Harmony colors

Complementary

#e41000

Analogous

#00e482

#00d4e4

#0062e4

Triadic

#00d4e4

#e400d4

#d4e400

Split-complementary

#00d4e4

#e40062

#e48200

Tetradic

#00d4e4

#1000e4

#e41000

#d4e400

Square

#00d4e4

#8200e4

#e41000

#62e400

Shades

Color #00d4e4 mixed toward black.

#00b1be

#008d98

#006a72

#00474c

#002326

Tints

Color #00d4e4 mixed toward white.

#14efff

#43f2ff

#72f5ff

#a1f8ff

#d0fcff

Tones

Color #00d4e4 mixed toward gray.

#13c4d1

#26b3be

#39a3ab

#4c9398

#5f8285

Accessibility

Aa White text on this color

1.82:1

Aa Black text on this color

11.54:1

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

Under color vision deficiencies

Protanopia

#9193e0 · ΔE 33

Deuteranopia

#887bdf · ΔE 38.3

Tritanopia

#33dddd · ΔE 5.6

Achromatopsia

#c0c0c0 · ΔE 23.7

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

Code

CSS

background-color: #00d4e4;

Tailwind (arbitrary value)

bg-[#00d4e4]

Related colors

Cadet Blue #5f9ea0

Powder Blue #b0e0e6

Dark Turquoise #00ced1

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Frequently asked questions

#00d4e4 (#00d4e4) is rgb(0, 212, 228) in RGB.

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

Generate a palette → Check contrast