Nerdulator> put something in

Colour

#FF57FF

  • #FF57FF
  • Magenta
  • Dark
  • Nearest: Fuchsia

#FF57FF is a magenta with RGB values 255, 87, 255 and HSL 300°, 100%, 67%. It is a dark colour, so black text on it reaches 8.1:1 contrast (AAA for normal text). The nearest named colour is Fuchsia.

Colour values

#FF57FF#FF57FF
HEX#FF57FF
RGBrgb(255, 87, 255)
RGB (0–1)1, 0.3412, 1
RGB percentages100%, 34.1%, 100%
HSLhsl(300, 100%, 67.1%)
HSV / HSBhsv(300, 65.9%, 100%)
CMYK0%, 65.9%, 0%, 0%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,734,207
CSS custom property--colour: #FF57FF;

Brightness & contrast

Relative luminance0.35296WCAG 2.x, 0 is black and 1 is white
Perceived brightness176.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 8.06:1
Contrast with white2.61:1WCAG normal text: Fail
Contrast with black8.06:1WCAG normal text: AAA
Greyscale equivalent#878787
Inverted#00A800

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#3E92FFno red cones; affects about 1% of men; ΔE 71.3 from the original
Deuteranopia#82A8FBno green cones; the most common form, about 1% of men; ΔE 73.2 from the original
Tritanopia#FF6FA5no blue cones; rare, and affects men and women equally; ΔE 55.1 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text2.61:1WCAG large text: Fail
Contrast with black, large text8.06:1WCAG large text: AAA

Named colours

Fuchsia · ΔE 19.5Magenta · ΔE 19.5Medium orchid · ΔE 26.3Dark orchid · ΔE 29.3Violet · ΔE 29.8Orchid · ΔE 31.9
Nearest named CSS colourFuchsia (#FF00FF)ΔE 19.51, a distinctly different colour
Hue familymagenta
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#57FF57
Analogous#AB57FF, #FF57AB
Triadic#FFFF57, #57FFFF
Split complementary#ABFF57, #57FFAB
Tetradic#FFAB57, #57FF57, #57ABFF

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFF0FF
Lighter +20%#FFBDFF
Lighter +10%#FF8AFF
Darker −10%#FF24FF
Darker −20%#F000F0
Darker −30%#BD00BD
Darker −40%#8A008A
More saturated +25%#FF57FF
Less saturated −25%#EA6CEA

Channel breakdown

R255
G87
B255
Red255 (100%)
Green87 (34.1%)
Blue255 (100%)
Hue300°
Saturation (HSL)100%
Lightness67.06%
Dominant channelRed and Blue
Hex per channelR FF · G 57 · B FF

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 “ff57ff” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.