#ed3ab5

Color #ed3ab5

A vivid, highly saturated medium magenta.

Closest named color Medium Violet Red #c71585 · ΔE 16.44 Nearest Tailwind class pink-500 #f6339a · ΔE 5.8

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

Conversions

HEX

#ed3ab5

RGB

rgb(237, 58, 181)

HSL

hsl(318.8, 83.3%, 57.8%)

HSV / HSB

hsv(318.8, 75.5%, 92.9%)

CMYK

cmyk(0%, 75.5%, 23.6%, 7.1%)

LAB

lab(56.46, 76.74, -25.2)

LCH

lch(56.46, 80.77, 341.82)

OKLCH

oklch(65.7%, 0.2415, 343.82)

HWB

hwb(318.8, 22.7%, 7.1%)

Harmony colors

Complementary

#3aed72

Analogous

#cc3aed

#ed3ab5

#ed3a5b

Triadic

#ed3ab5

#b5ed3a

#3ab5ed

Split-complementary

#ed3ab5

#5bed3a

#3aedcc

Tetradic

#ed3ab5

#ed723a

#3aed72

#3ab5ed

Square

#ed3ab5

#edcc3a

#3aed72

#3a5bed

Shades

Color #ed3ab5 mixed toward black.

#e115a1

#b41081

#870c61

#5a0840

#2d0420

Tints

Color #ed3ab5 mixed toward white.

#f05bc1

#f37cce

#f69cda

#f9bde6

#fcdef3

Tones

Color #ed3ab5 mixed toward gray.

#de49af

#cf58aa

#c067a4

#b1769f

#a28499

Accessibility

Aa White text on this color

3.58:1

Aa Black text on this color

5.87:1

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

Under color vision deficiencies

Protanopia

#bbbaa2 · ΔE 47.1

Deuteranopia

#c3cc9d · ΔE 59.9

Tritanopia

#e8908c · ΔE 25.3

Achromatopsia

#878787 · ΔE 28.7

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

Code

CSS

background-color: #ed3ab5;

Tailwind (arbitrary value)

bg-[#ed3ab5]

Related colors

Medium Violet Red #c71585

Deep Pink #ff1493

Hot Pink #ff69b4

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Frequently asked questions

#ed3ab5 (#ed3ab5) is rgb(237, 58, 181) in RGB.

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

Generate a palette → Check contrast