Colour

#DE00E2

#DE00E2
Magenta
Dark
Nearest: Fuchsia

#DE00E2 is a magenta with RGB values 222, 0, 226 and HSL 299°, 100%, 44%. It is a dark colour, so black text on it reaches 5.2:1 contrast (AA for normal text). The nearest named colour is Fuchsia.

Colour values

#DE00E2#DE00E2

HEX#DE00E2

RGBrgb(222, 0, 226)

RGB (0–1)0.8706, 0, 0.8863

RGB percentages87.1%, 0%, 88.6%

HSLhsl(298.9, 100%, 44.3%)

HSV / HSBhsv(298.9, 100%, 88.6%)

CMYK1.8%, 100%, 0%, 11.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,549,218

CSS custom property--colour: #DE00E2;

Brightness & contrast

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

Perceived brightness143.4 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.2:1

Contrast with white4.04:1WCAG normal text: Fail

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

Greyscale equivalent#404040

Inverted#21FF1D

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#006FE7no red cones; affects about 1% of men; ΔE 69.9 from the original

Deuteranopia#5787DEno green cones; the most common form, about 1% of men; ΔE 79.2 from the original

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

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

Contrast with white, large text4.04:1WCAG large text: AA

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

Named colours

Fuchsia · ΔE 12.5 Magenta · ΔE 12.5 Dark violet · ΔE 23 Dark orchid · ΔE 26 Blue violet · ΔE 28.5 Medium orchid · ΔE 31.4

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

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#04E200

Analogous#6D00E2, #E20075

Triadic#E2DE00, #00E2DE

Split complementary#75E200, #00E26D

Tetradic#E26D00, #04E200, #0075E2

Tints, shades & saturation

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

Lighter +40%#FEAFFF

Lighter +30%#FD7CFF

Lighter +20%#FC49FF

Lighter +10%#FB16FF

Darker −10%#AC00AF

Darker −20%#7A007C

Darker −30%#480049

Darker −40%#160016

More saturated +25%#DE00E2

Less saturated −25%#C31CC6

Channel breakdown

R222

B226

Red222 (87.1%)

Green0 (0%)

Blue226 (88.6%)

Hue298.94°

Saturation (HSL)100%

Lightness44.31%

Dominant channelBlue

Hex per channelR DE · G 00 · B E2

Keep nerding

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

#DE00E2

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