Colour

#E220E2

#E220E2
Magenta
Dark
Nearest: Fuchsia

#E220E2 is a magenta with RGB values 226, 32, 226 and HSL 300°, 77%, 51%. It is a dark colour, so black text on it reaches 5.5:1 contrast (AA for normal text). The nearest named colour is Fuchsia.

Colour values

#E220E2#E220E2

HEX#E220E2

RGBrgb(226, 32, 226)

RGB (0–1)0.8863, 0.1255, 0.8863

RGB percentages88.6%, 12.5%, 88.6%

HSLhsl(300, 77%, 50.6%)

HSV / HSBhsv(300, 85.8%, 88.6%)

CMYK0%, 85.8%, 0%, 11.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,819,554

CSS custom property--colour: #E220E2;

Brightness & contrast

Relative luminance0.22693WCAG 2.x, 0 is black and 1 is white

Perceived brightness147.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.54:1

Contrast with white3.79:1WCAG normal text: Fail

Contrast with black5.54:1WCAG normal text: AA

Greyscale equivalent#575757

Inverted#1DDF1D

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0074E7no red cones; affects about 1% of men; ΔE 70.6 from the original

Deuteranopia#618BDEno green cones; the most common form, about 1% of men; ΔE 77 from the original

Tritanopia#E94988no blue cones; rare, and affects men and women equally; ΔE 57.9 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text3.79:1WCAG large text: AA

Contrast with black, large text5.54:1WCAG large text: AAA

Named colours

Fuchsia · ΔE 14.8 Magenta · ΔE 14.8 Dark violet · ΔE 24.7 Dark orchid · ΔE 25 Medium orchid · ΔE 28.1 Blue violet · ΔE 29.6

Nearest named CSS colourFuchsia (#FF00FF)ΔE 14.81, a distinctly different colour

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#20E220

Analogous#8120E2, #E22081

Triadic#E2E220, #20E2E2

Split complementary#81E220, #20E281

Tetradic#E28120, #20E220, #2081E2

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#F9D5F9

Lighter +30%#F4A7F4

Lighter +20%#EE7AEE

Lighter +10%#E84DE8

Darker −10%#B718B7

Darker −20%#8A128A

Darker −30%#5D0C5D

Darker −40%#300630

More saturated +25%#FF03FF

Less saturated −25%#C340C3

Channel breakdown

R226

G32

B226

Red226 (88.6%)

Green32 (12.5%)

Blue226 (88.6%)

Hue300°

Saturation (HSL)76.98%

Lightness50.59%

Dominant channelRed and Blue

Hex per channelR E2 · G 20 · B E2

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#E220E2

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else