Nerdulator> put something in

Recognised as Colour

#E31DD1

  • #E31DD1
  • Magenta
  • Dark
  • Nearest: Fuchsia

#E31DD1 is a magenta with RGB values 227, 29, 209 and HSL 305°, 78%, 50%. It is a dark colour, so black text on it reaches 5.4:1 contrast (AA for normal text). The nearest named colour is Fuchsia.

Colour values

#E31DD1#E31DD1
HEX#E31DD1
RGBrgb(227, 29, 209)
RGB (0–1)0.8902, 0.1137, 0.8196
RGB percentages89%, 11.4%, 82%
HSLhsl(305.5, 78%, 50.2%)
HSV / HSBhsv(305.5, 87.2%, 89%)
CMYK0%, 87.2%, 7.9%, 11%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer14,884,305
CSS custom property--colour: #E31DD1;

Brightness & contrast

Relative luminance0.21813WCAG 2.x, 0 is black and 1 is white
Perceived brightness144.5 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 5.36:1
Contrast with white3.92:1WCAG normal text: Fail
Contrast with black5.36:1WCAG normal text: AA
Greyscale equivalent#545454
Inverted#1CE22E

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#0070D5no red cones; affects about 1% of men; ΔE 73.8 from the original
Deuteranopia#6B8ACDno green cones; the most common form, about 1% of men; ΔE 77.8 from the original
Tritanopia#ED3C7Dno blue cones; rare, and affects men and women equally; ΔE 52.8 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text3.92:1WCAG large text: AA
Contrast with black, large text5.36:1WCAG large text: AAA

Named colours

Fuchsia · ΔE 21.4Magenta · ΔE 21.4Medium orchid · ΔE 25.7Dark orchid · ΔE 26.5Dark violet · ΔE 29.8Dark magenta · ΔE 31.4
Nearest named CSS colourFuchsia (#FF00FF)ΔE 21.41, a distinctly different colour
Hue familymagenta
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#1DE32F
Analogous#921DE3, #E31D6E
Triadic#D1E31D, #1DD1E3
Split complementary#6EE31D, #1DE392
Tetradic#E3921D, #1DE32F, #1D6EE3

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#F9D3F6
Lighter +30%#F4A5ED
Lighter +20%#EE78E3
Lighter +10%#E94ADA
Darker −10%#B617A8
Darker −20%#89117E
Darker −30%#5C0B54
Darker −40%#2E062B
More saturated +25%#FF01E8
Less saturated −25%#C33DB7

Channel breakdown

R227
G29
B209
Red227 (89%)
Green29 (11.4%)
Blue209 (82%)
Hue305.45°
Saturation (HSL)77.95%
Lightness50.2%
Dominant channelRed
Hex per channelR E3 · G 1D · B D1

Keep nerding

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

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “e31dd1” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.