Colour

#E454FF

#E454FF
Magenta
Dark
Nearest: Fuchsia

#E454FF is a magenta with RGB values 228, 84, 255 and HSL 291°, 100%, 66%. It is a dark colour, so black text on it reaches 7:1 contrast (AAA for normal text). The nearest named colour is Fuchsia.

Colour values

#E454FF#E454FF

HEX#E454FF

RGBrgb(228, 84, 255)

RGB (0–1)0.8941, 0.3294, 1

RGB percentages89.4%, 32.9%, 100%

HSLhsl(290.5, 100%, 66.5%)

HSV / HSBhsv(290.5, 67.1%, 100%)

CMYK10.6%, 67.1%, 0%, 0%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,963,967

CSS custom property--colour: #E454FF;

Brightness & contrast

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

Perceived brightness164.6 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 7.01:1

Contrast with white3:1WCAG normal text: Fail

Contrast with black7.01:1WCAG normal text: AAA

Greyscale equivalent#7F7F7F

Inverted#1BAB00

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#138BFFno red cones; affects about 1% of men; ΔE 65.2 from the original

Deuteranopia#669AFBno green cones; the most common form, about 1% of men; ΔE 66.1 from the original

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

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

Contrast with white, large text3:1WCAG large text: Fail

Contrast with black, large text7.01:1WCAG large text: AAA

Named colours

Fuchsia · ΔE 21.2 Magenta · ΔE 21.2 Dark orchid · ΔE 21.9 Medium orchid · ΔE 22.9 Dark violet · ΔE 25 Blue violet · ΔE 26.2

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

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#6FFF54

Analogous#8F54FF, #FF54C4

Triadic#FFE454, #54FFE4

Split complementary#C4FF54, #54FF8F

Tetradic#FF8F54, #6FFF54, #54C4FF

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FCEDFF

Lighter +20%#F4BAFF

Lighter +10%#EC87FF

Darker −10%#DC21FF

Darker −20%#C800ED

Darker −30%#9D00BA

Darker −40%#720087

More saturated +25%#E454FF

Less saturated −25%#D569EA

Channel breakdown

R228

G84

B255

Red228 (89.4%)

Green84 (32.9%)

Blue255 (100%)

Hue290.53°

Saturation (HSL)100%

Lightness66.47%

Dominant channelBlue

Hex per channelR E4 · G 54 · B FF

Keep nerding

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

#E454FF

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