#eabce9

Color #eabce9

A moderately saturated very light magenta.

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

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

Conversions

HEX

#eabce9

RGB

rgb(234, 188, 233)

HSL

hsl(301.3, 52.3%, 82.7%)

HSV / HSB

hsv(301.3, 19.7%, 91.8%)

CMYK

cmyk(0%, 19.7%, 0.4%, 8.2%)

LAB

lab(81.48, 23.98, -16.1)

LCH

lch(81.48, 28.88, 326.12)

OKLCH

oklch(85%, 0.0791, 326.91)

HWB

hwb(301.3, 73.7%, 8.2%)

Harmony colors

Complementary

#bceabd

Analogous

#d4bcea

#eabce9

#eabcd2

Triadic

#eabce9

#e9eabc

#bce9ea

Split-complementary

#eabce9

#d2eabc

#bcead4

Tetradic

#eabce9

#eabdbc

#bceabd

#bce9ea

Square

#eabce9

#ead4bc

#bceabd

#bcd2ea

Shades

Color #eabce9 mixed toward black.

#d986d7

#c851c6

#a1329e

#6b2269

#361135

Tints

Color #eabce9 mixed toward white.

#edc7ed

#f1d2f0

#f4ddf4

#f8e9f8

#fbf4fb

Tones

Color #eabce9 mixed toward gray.

#e6c0e5

#e2c4e2

#dec7de

#dbcbda

#d7cfd7

Accessibility

Aa White text on this color

1.63:1

Aa Black text on this color

12.87:1

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

Under color vision deficiencies

Protanopia

#d8d7df · ΔE 17.7

Deuteranopia

#dadedd · ΔE 20.6

Tritanopia

#e8d7d5 · ΔE 17.6

Achromatopsia

#cacaca · ΔE 20.4

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

Code

CSS

background-color: #eabce9;

Tailwind (arbitrary value)

bg-[#eabce9]

Related colors

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Frequently asked questions

#eabce9 (#eabce9) is rgb(234, 188, 233) in RGB.

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

Generate a palette → Check contrast