#ec00d9

Color #ec00d9

A vivid, highly saturated medium magenta.

Closest named color Fuchsia #ff00ff · ΔE 15.89 Nearest Tailwind class fuchsia-500 #e12afb · ΔE 5.5

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

Conversions

HEX

#ec00d9

RGB

rgb(236, 0, 217)

HSL

hsl(304.8, 100%, 46.3%)

HSV / HSB

hsv(304.8, 100%, 92.5%)

CMYK

cmyk(0%, 100%, 8.1%, 7.5%)

LAB

lab(54.91, 90.05, -48.32)

LCH

lch(54.91, 102.2, 331.78)

OKLCH

oklch(65.1%, 0.2924, 332.9)

HWB

hwb(304.8, 0%, 7.5%)

Harmony colors

Complementary

#00ec13

Analogous

#8900ec

#ec00d9

#ec0063

Triadic

#ec00d9

#d9ec00

#00d9ec

Split-complementary

#ec00d9

#63ec00

#00ec89

Tetradic

#ec00d9

#ec1300

#00ec13

#00d9ec

Square

#ec00d9

#ec8900

#00ec13

#0063ec

Shades

Color #ec00d9 mixed toward black.

#c500b5

#9d0091

#76006d

#4f0048

#270024

Tints

Color #ec00d9 mixed toward white.

#ff1bed

#ff48f0

#ff76f4

#ffa4f8

#ffd1fb

Tones

Color #ec00d9 mixed toward gray.

#d814c9

#c527b8

#b13ba8

#9d4f97

#8a6287

Accessibility

Aa White text on this color

3.77:1

Aa Black text on this color

5.57:1

Black text reads better on this background (5.57:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#b7b6c0 · ΔE 33

Deuteranopia

#c0c9b9 · ΔE 51.3

Tritanopia

#e7a8a3 · ΔE 33.2

Achromatopsia

#838383 · ΔE 31

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

Code

CSS

background-color: #ec00d9;

Tailwind (arbitrary value)

bg-[#ec00d9]

Related colors

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Frequently asked questions

#ec00d9 (#ec00d9) is rgb(236, 0, 217) in RGB.

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

Generate a palette → Check contrast