#e32d71

Color #e32d71

A vivid, highly saturated medium pink.

Closest named color Deep Pink #ff1493 · ΔE 19.26 Nearest Tailwind class pink-600 #e60076 · ΔE 3.2

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

Conversions

HEX

#e32d71

RGB

rgb(227, 45, 113)

HSL

hsl(337.6, 76.5%, 53.3%)

HSV / HSB

hsv(337.6, 80.2%, 89%)

CMYK

cmyk(0%, 80.2%, 50.2%, 11%)

LAB

lab(51.16, 70.95, 7.07)

LCH

lch(51.16, 71.3, 5.69)

OKLCH

oklch(60.7%, 0.218, 4.89)

HWB

hwb(337.6, 17.6%, 11%)

Harmony colors

Complementary

#2de39f

Analogous

#e32dcc

#e32d71

#e3442d

Triadic

#e32d71

#71e32d

#2d71e3

Split-complementary

#e32d71

#2de344

#2dcce3

Tetradic

#e32d71

#e39f2d

#2de39f

#2d71e3

Square

#e32d71

#cce32d

#2de39f

#442de3

Shades

Color #e32d71 mixed toward black.

#c81b5b

#a01549

#781037

#500b25

#280512

Tints

Color #e32d71 mixed toward white.

#e85089

#ec73a0

#f196b8

#f6b9d0

#fadce7

Tones

Color #e32d71 mixed toward gray.

#d43c75

#c54b79

#b55a7c

#a66a80

#977984

Accessibility

Aa White text on this color

4.3:1

Aa Black text on this color

4.88:1

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

Under color vision deficiencies

Protanopia

#b2b166 · ΔE 56.9

Deuteranopia

#bac363 · ΔE 63.9

Tritanopia

#de5b59 · ΔE 14

Achromatopsia

#7a7a7a · ΔE 27.6

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

Code

CSS

background-color: #e32d71;

Tailwind (arbitrary value)

bg-[#e32d71]

Related colors

Lavender Blush #fff0f5

Pale Violet Red #db7093

Hot Pink #ff69b4

Deep Pink #ff1493

Crimson #dc143c

Pink #ffc0cb

Frequently asked questions

#e32d71 (#e32d71) is rgb(227, 45, 113) in RGB.

No, #e32d71 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast