#edc4ed

Color #edc4ed

A moderately saturated very light magenta.

Closest named color Thistle #d8bfd8 · ΔE 10.58 Nearest Tailwind class fuchsia-200 #f6cfff · ΔE 3.3

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

Conversions

HEX

#edc4ed

RGB

rgb(237, 196, 237)

HSL

hsl(300, 53.2%, 84.9%)

HSV / HSB

hsv(300, 17.3%, 92.9%)

CMYK

cmyk(0%, 17.3%, 0%, 7.1%)

LAB

lab(83.76, 21.44, -14.79)

LCH

lch(83.76, 26.05, 325.4)

OKLCH

oklch(86.8%, 0.0711, 326.18)

HWB

hwb(300, 76.9%, 7.1%)

Harmony colors

Complementary

#c4edc4

Analogous

#d8c4ed

#edc4ed

#edc4d8

Triadic

#edc4ed

#ededc4

#c4eded

Split-complementary

#edc4ed

#d8edc4

#c4edd8

Tetradic

#edc4ed

#edc4c4

#c4edc4

#c4eded

Square

#edc4ed

#edd8c4

#c4edc4

#c4d8ed

Shades

Color #edc4ed mixed toward black.

#dc8ddc

#cb55cb

#a633a6

#6f226f

#371137

Tints

Color #edc4ed mixed toward white.

#f0cef0

#f3d8f3

#f6e2f6

#f9ebf9

#fcf5fc

Tones

Color #edc4ed mixed toward gray.

#eac7ea

#e6cbe6

#e3cee3

#dfd2df

#dcd5dc

Accessibility

Aa White text on this color

1.53:1

Aa Black text on this color

13.72:1

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

Under color vision deficiencies

Protanopia

#dcdce4 · ΔE 17

Deuteranopia

#dfe2e2 · ΔE 19.3

Tritanopia

#ebdcdb · ΔE 16.4

Achromatopsia

#d1d1d1 · ΔE 19.4

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

Code

CSS

background-color: #edc4ed;

Tailwind (arbitrary value)

bg-[#edc4ed]

Related colors

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Violet #ee82ee

Frequently asked questions

#edc4ed (#edc4ed) is rgb(237, 196, 237) in RGB.

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

Generate a palette → Check contrast