#e39bd8

Color #e39bd8

A moderately saturated light magenta.

Closest named color Plum #dda0dd · ΔE 4.18 Nearest Tailwind class pink-300 #fda5d5 · ΔE 6.3

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

Conversions

HEX

#e39bd8

RGB

rgb(227, 155, 216)

HSL

hsl(309.2, 56.2%, 74.9%)

HSV / HSB

hsv(309.2, 31.7%, 89%)

CMYK

cmyk(0%, 31.7%, 4.8%, 11%)

LAB

lab(72.72, 36.25, -20.19)

LCH

lch(72.72, 41.49, 330.88)

OKLCH

oklch(77.9%, 0.1162, 332.13)

HWB

hwb(309.2, 60.8%, 11%)

Harmony colors

Complementary

#9be3a6

Analogous

#ca9be3

#e39bd8

#e39bb4

Triadic

#e39bd8

#d8e39b

#9bd8e3

Split-complementary

#e39bd8

#b4e39b

#9be3ca

Tetradic

#e39bd8

#e3a69b

#9be3a6

#9bd8e3

Square

#e39bd8

#e3ca9b

#9be3a6

#9bb4e3

Shades

Color #e39bd8 mixed toward black.

#d569c5

#c738b1

#952a85

#631c58

#320e2c

Tints

Color #e39bd8 mixed toward white.

#e8acde

#ecbce5

#f1cdeb

#f6def2

#faeef8

Tones

Color #e39bd8 mixed toward gray.

#dda1d4

#d7a7d0

#d1adcb

#cbb3c7

#c5b9c3

Accessibility

Aa White text on this color

2.11:1

Aa Black text on this color

9.95:1

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

Under color vision deficiencies

Protanopia

#c8c7cb · ΔE 22.7

Deuteranopia

#ccd1c8 · ΔE 32.9

Tritanopia

#e0c1be · ΔE 20.2

Achromatopsia

#b2b2b2 · ΔE 23.6

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

Code

CSS

background-color: #e39bd8;

Tailwind (arbitrary value)

bg-[#e39bd8]

Related colors

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Frequently asked questions

#e39bd8 (#e39bd8) is rgb(227, 155, 216) in RGB.

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

Generate a palette → Check contrast