#da82ce

Color #da82ce

A moderately saturated light magenta.

Closest named color Orchid #da70d6 · ΔE 14.44 Nearest Tailwind class pink-400 #fb64b6 · ΔE 9

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

Conversions

HEX

#da82ce

RGB

rgb(218, 130, 206)

HSL

hsl(308.2, 54.3%, 68.2%)

HSV / HSB

hsv(308.2, 40.4%, 85.5%)

CMYK

cmyk(0%, 40.4%, 5.5%, 14.5%)

LAB

lab(66, 44.81, -24.98)

LCH

lch(66, 51.3, 330.86)

OKLCH

oklch(72.5%, 0.1442, 332.05)

HWB

hwb(308.2, 51%, 14.5%)

Harmony colors

Complementary

#82da8e

Analogous

#ba82da

#da82ce

#da82a2

Triadic

#da82ce

#ceda82

#82ceda

Split-complementary

#da82ce

#a2da82

#82daba

Tetradic

#da82ce

#da8e82

#82da8e

#82ceda

Square

#da82ce

#daba82

#82da8e

#82a2da

Shades

Color #da82ce mixed toward black.

#cd55bc

#b335a2

#862879

#591a51

#2d0d28

Tints

Color #da82ce mixed toward white.

#e097d6

#e6acde

#ecc0e6

#f3d5ef

#f9eaf7

Tones

Color #da82ce mixed toward gray.

#d389c9

#cb91c3

#c498be

#bd9fb9

#b5a7b3

Accessibility

Aa White text on this color

2.6:1

Aa Black text on this color

8.07:1

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

Under color vision deficiencies

Protanopia

#bbbabf · ΔE 24.2

Deuteranopia

#bfc5bb · ΔE 35.8

Tritanopia

#d7b2af · ΔE 22.7

Achromatopsia

#a0a0a0 · ΔE 24.9

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

Code

CSS

background-color: #da82ce;

Tailwind (arbitrary value)

bg-[#da82ce]

Related colors

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Frequently asked questions

#da82ce (#da82ce) is rgb(218, 130, 206) in RGB.

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

Generate a palette → Check contrast