#de87d9

Color #de87d9

A moderately saturated light magenta.

Closest named color Orchid #da70d6 · ΔE 12.8 Nearest Tailwind class fuchsia-300 #f4a8ff · ΔE 8.5

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

Conversions

HEX

#de87d9

RGB

rgb(222, 135, 217)

HSL

hsl(303.4, 56.9%, 70%)

HSV / HSB

hsv(303.4, 39.2%, 87.1%)

CMYK

cmyk(0%, 39.2%, 2.3%, 12.9%)

LAB

lab(67.92, 45.38, -28.11)

LCH

lch(67.92, 53.38, 328.22)

OKLCH

oklch(74.2%, 0.1484, 329.01)

HWB

hwb(303.4, 52.9%, 12.9%)

Harmony colors

Complementary

#87de8c

Analogous

#b787de

#de87d9

#de87ae

Triadic

#de87d9

#d9de87

#87d9de

Split-complementary

#de87d9

#aede87

#87deb7

Tetradic

#de87d9

#de8c87

#87de8c

#87d9de

Square

#de87d9

#deb787

#87de8c

#87aede

Shades

Color #de87d9 mixed toward black.

#d158ca

#bb33b3

#8c2686

#5d1a5a

#2f0d2d

Tints

Color #de87d9 mixed toward white.

#e49bdf

#e9afe6

#efc3ec

#f4d7f2

#faebf9

Tones

Color #de87d9 mixed toward gray.

#d78ed3

#d095cc

#c89dc6

#c1a4bf

#baabb9

Accessibility

Aa White text on this color

2.45:1

Aa Black text on this color

8.57:1

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

Under color vision deficiencies

Protanopia

#bfbec9 · ΔE 22.7

Deuteranopia

#c3c9c5 · ΔE 26.9

Tritanopia

#dbbbb8 · ΔE 23.9

Achromatopsia

#a5a5a5 · ΔE 25.1

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

Code

CSS

background-color: #de87d9;

Tailwind (arbitrary value)

bg-[#de87d9]

Related colors

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Frequently asked questions

#de87d9 (#de87d9) is rgb(222, 135, 217) in RGB.

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

Generate a palette → Check contrast