Colour

#E057A1

#E057A1
Magenta
Dark
Nearest: Hot pink

#E057A1 is a magenta with RGB values 224, 87, 161 and HSL 328°, 69%, 61%. It is a dark colour, so black text on it reaches 6:1 contrast (AA for normal text). The nearest named colour is Hot pink.

Colour values

#E057A1#E057A1

HEX#E057A1

RGBrgb(224, 87, 161)

RGB (0–1)0.8784, 0.3412, 0.6314

RGB percentages87.8%, 34.1%, 63.1%

HSLhsl(327.6, 68.8%, 61%)

HSV / HSBhsv(327.6, 61.2%, 87.8%)

CMYK0%, 61.2%, 28.1%, 12.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,702,497

CSS custom property--colour: #E057A1;

Brightness & contrast

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

Perceived brightness149.7 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.05:1

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

Contrast with black6.05:1WCAG normal text: AA

Greyscale equivalent#797979

Inverted#1FA85E

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#697AA3no red cones; affects about 1% of men; ΔE 57.9 from the original

Deuteranopia#8F939Eno green cones; the most common form, about 1% of men; ΔE 60.1 from the original

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

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

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

Contrast with black, large text6.05:1WCAG large text: AAA

Named colours

Hot pink · ΔE 9.2 Medium violet red · ΔE 16.6 Pale violetred · ΔE 20 Orchid · ΔE 23.2 Deep pink · ΔE 25 Violet · ΔE 27.6

Nearest named CSS colourHot pink (#FF69B4)ΔE 9.17, clearly different but related

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#57E096

Analogous#DA57E0, #E0575D

Triadic#A1E057, #57A1E0

Split complementary#5DE057, #57E0DA

Tetradic#E0DA57, #57E096, #575DE0

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#F8D8E9

Lighter +20%#F0ADD1

Lighter +10%#E882B9

Darker −10%#D82C89

Darker −20%#B0216E

Darker −30%#851953

Darker −40%#5A1138

More saturated +25%#F93EA3

Less saturated −25%#C7709F

Channel breakdown

R224

G87

B161

Red224 (87.8%)

Green87 (34.1%)

Blue161 (63.1%)

Hue327.59°

Saturation (HSL)68.84%

Lightness60.98%

Dominant channelRed

Hex per channelR E0 · G 57 · B A1

Keep nerding

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

#E057A1

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