#d583ce

Color #d583ce

A moderately saturated light magenta.

Closest named color Plum #dda0dd · ΔE 13.31 Nearest Tailwind class fuchsia-400 #ed6aff · ΔE 9.6

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

Conversions

HEX

#d583ce

RGB

rgb(213, 131, 206)

HSL

hsl(305.1, 49.4%, 67.5%)

HSV / HSB

hsv(305.1, 38.5%, 83.5%)

CMYK

cmyk(0%, 38.5%, 3.3%, 16.5%)

LAB

lab(65.62, 42.72, -25.62)

LCH

lch(65.62, 49.81, 329.05)

OKLCH

oklch(72.1%, 0.1388, 329.96)

HWB

hwb(305.1, 51.4%, 16.5%)

Harmony colors

Complementary

#83d58a

Analogous

#b383d5

#d583ce

#d583a5

Triadic

#d583ce

#ced583

#83ced5

Split-complementary

#d583ce

#a5d583

#83d5b3

Tetradic

#d583ce

#d58a83

#83d58a

#83ced5

Square

#d583ce

#d5b383

#83d58a

#83a5d5

Shades

Color #d583ce mixed toward black.

#c758bd

#ab3aa2

#812c79

#561d51

#2b0f28

Tints

Color #d583ce mixed toward white.

#dc98d6

#e3acde

#eac1e7

#f1d6ef

#f8eaf7

Tones

Color #d583ce mixed toward gray.

#ce8ac8

#c791c3

#c198bd

#ba9eb7

#b3a5b2

Accessibility

Aa White text on this color

2.64:1

Aa Black text on this color

7.97:1

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

Under color vision deficiencies

Protanopia

#b7b7bf · ΔE 23

Deuteranopia

#bcc1bc · ΔE 32.2

Tritanopia

#d2b3b0 · ΔE 23

Achromatopsia

#9f9f9f · ΔE 24.7

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

Code

CSS

background-color: #d583ce;

Tailwind (arbitrary value)

bg-[#d583ce]

Related colors

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Frequently asked questions

#d583ce (#d583ce) is rgb(213, 131, 206) in RGB.

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

Generate a palette → Check contrast