#e96cff

Color #e96cff

A vivid, highly saturated light magenta.

Closest named color Medium Orchid #ba55d3 · ΔE 16.15 Nearest Tailwind class fuchsia-400 #ed6aff · ΔE 0.6

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

Conversions

HEX

#e96cff

RGB

rgb(233, 108, 255)

HSL

hsl(291, 100%, 71.2%)

HSV / HSB

hsv(291, 57.6%, 100%)

CMYK

cmyk(8.6%, 57.6%, 0%, 0%)

LAB

lab(65.96, 68.41, -52.05)

LCH

lch(65.96, 85.96, 322.73)

OKLCH

oklch(73.6%, 0.232, 321.42)

HWB

hwb(291, 42.4%, 0%)

Harmony colors

Complementary

#82ff6c

Analogous

#a06cff

#e96cff

#ff6ccc

Triadic

#e96cff

#ffe96c

#6cffe9

Split-complementary

#e96cff

#ccff6c

#6cffa0

Tetradic

#e96cff

#ff6c82

#82ff6c

#6cffe9

Square

#e96cff

#ffa06c

#82ff6c

#6cccff

Shades

Color #e96cff mixed toward black.

#e030ff

#ce00f2

#9a00b6

#670079

#33003d

Tints

Color #e96cff mixed toward white.

#ed85ff

#f09dff

#f4b6ff

#f8ceff

#fbe7ff

Tones

Color #e96cff mixed toward gray.

#e078f3

#d885e7

#cf91da

#c79dce

#bea9c2

Accessibility

Aa White text on this color

2.61:1

Aa Black text on this color

8.05:1

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

Under color vision deficiencies

Protanopia

#c0bfe6 · ΔE 23.7

Deuteranopia

#c6cee0 · ΔE 26.5

Tritanopia

#e5d0cb · ΔE 33.2

Achromatopsia

#a0a0a0 · ΔE 29.3

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

Code

CSS

background-color: #e96cff;

Tailwind (arbitrary value)

bg-[#e96cff]

Related colors

Medium Orchid #ba55d3

Dark Violet #9400d3

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Frequently asked questions

#e96cff (#e96cff) is rgb(233, 108, 255) in RGB.

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

Generate a palette → Check contrast