Colour

#E500F6

#E500F6
Magenta
Dark
Nearest: Fuchsia

#E500F6 is a magenta with RGB values 229, 0, 246 and HSL 296°, 100%, 48%. It is a dark colour, so black text on it reaches 5.7:1 contrast (AA for normal text). The nearest named colour is Fuchsia.

Colour values

#E500F6#E500F6

HEX#E500F6

RGBrgb(229, 0, 246)

RGB (0–1)0.898, 0, 0.9647

RGB percentages89.8%, 0%, 96.5%

HSLhsl(295.9, 100%, 48.2%)

HSV / HSBhsv(295.9, 100%, 96.5%)

CMYK6.9%, 100%, 0%, 3.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer15,007,990

CSS custom property--colour: #E500F6;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.66:1

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

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

Greyscale equivalent#424242

Inverted#1AFF09

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0076FBno red cones; affects about 1% of men; ΔE 70.3 from the original

Deuteranopia#4F8CF1no green cones; the most common form, about 1% of men; ΔE 81.1 from the original

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

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

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

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

Named colours

Fuchsia · ΔE 7.8 Magenta · ΔE 7.8 Dark violet · ΔE 23.9 Blue violet · ΔE 28.8 Dark orchid · ΔE 30.6 Medium orchid · ΔE 37.8

Nearest named CSS colourFuchsia (#FF00FF)ΔE 7.83, clearly different but related

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#11F600

Analogous#6A00F6, #F6008C

Triadic#F6E500, #00F6E5

Split complementary#8CF600, #00F66A

Tetradic#F66A00, #11F600, #008CF6

Tints, shades & saturation

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

Lighter +40%#FBC3FF

Lighter +30%#F790FF

Lighter +20%#F45DFF

Lighter +10%#F02AFF

Darker −10%#B600C3

Darker −20%#860090

Darker −30%#57005D

Darker −40%#27002A

More saturated +25%#E500F6

Less saturated −25%#CA1FD7

Channel breakdown

R229

B246

Red229 (89.8%)

Green0 (0%)

Blue246 (96.5%)

Hue295.85°

Saturation (HSL)100%

Lightness48.24%

Dominant channelBlue

Hex per channelR E5 · G 00 · B F6

Keep nerding

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

#E500F6

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