Colour

#FA1FF4

#FA1FF4
Magenta
Dark
Nearest: Fuchsia

#FA1FF4 is a magenta with RGB values 250, 31, 244 and HSL 302°, 96%, 55%. It is a dark colour, so black text on it reaches 6.6:1 contrast (AA for normal text). The nearest named colour is Fuchsia.

Colour values

#FA1FF4#FA1FF4

HEX#FA1FF4

RGBrgb(250, 31, 244)

RGB (0–1)0.9804, 0.1216, 0.9569

RGB percentages98%, 12.2%, 95.7%

HSLhsl(301.6, 95.6%, 55.1%)

HSV / HSBhsv(301.6, 87.6%, 98%)

CMYK0%, 87.6%, 2.4%, 2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer16,392,180

CSS custom property--colour: #FA1FF4;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.57:1

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

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

Greyscale equivalent#5D5D5D

Inverted#05E00B

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#007EF9no red cones; affects about 1% of men; ΔE 77 from the original

Deuteranopia#6E99EFno green cones; the most common form, about 1% of men; ΔE 84.1 from the original

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

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

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

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

Named colours

Fuchsia · ΔE 7.2 Magenta · ΔE 7.2 Dark violet · ΔE 30.2 Dark orchid · ΔE 32.8 Blue violet · ΔE 35 Medium orchid · ΔE 35.7

Nearest named CSS colourFuchsia (#FF00FF)ΔE 7.15, clearly different but related

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#1FFA25

Analogous#921FFA, #FA1F87

Triadic#F4FA1F, #1FF4FA

Split complementary#86FA1F, #1FFA93

Tetradic#FA931F, #1FFA25, #1F87FA

Tints, shades & saturation

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

Lighter +40%#FEE7FE

Lighter +30%#FDB5FB

Lighter +20%#FC83F9

Lighter +10%#FB51F6

Darker −10%#E105DB

Darker −20%#AF04AA

Darker −30%#7D037A

Darker −40%#4B0249

More saturated +25%#FF1AF9

Less saturated −25%#DD3CD9

Channel breakdown

R250

G31

B244

Red250 (98%)

Green31 (12.2%)

Blue244 (95.7%)

Hue301.64°

Saturation (HSL)95.63%

Lightness55.1%

Dominant channelRed

Hex per channelR FA · G 1F · B F4

Keep nerding

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

#FA1FF4

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