Colour
#FF02A1
- #FF02A1
- Magenta
- Dark
- Nearest: Deep pink
#FF02A1 is a magenta with RGB values 255, 2, 161 and HSL 322°, 100%, 50%. It is a dark colour, so black text on it reaches 5.8:1 contrast (AA for normal text). The nearest named colour is Deep pink.
Colour values
#FF02A1#FF02A1
HEX#FF02A1
RGBrgb(255, 2, 161)
RGB (0–1)1, 0.0078, 0.6314
RGB percentages100%, 0.8%, 63.1%
HSLhsl(322.3, 100%, 50.4%)
HSV / HSBhsv(322.3, 99.2%, 100%)
CMYK0%, 99.2%, 36.9%, 0%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,712,353
CSS custom property--colour: #FF02A1;
Brightness & contrast
Relative luminance0.23877WCAG 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 5.78:1
Contrast with white3.64:1WCAG normal text: Fail
Contrast with black5.78:1WCAG normal text: AA
Greyscale equivalent#434343
Inverted#00FD5E
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text3.64:1WCAG large text: AA
Contrast with black, large text5.78:1WCAG large text: AAA
Named colours
Hue familymagenta
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#02FF60
Analogous#DE02FF, #FF0223
Triadic#A1FF02, #02A1FF
Split complementary#23FF02, #02FFDE
Tetradic#FFDE02, #02FF60, #0223FF
Tints, shades & saturation
Channel breakdown
R255
G2
B161
Red255 (100%)
Green2 (0.8%)
Blue161 (63.1%)
Hue322.29°
Saturation (HSL)100%
Lightness50.39%
Dominant channelRed
Hex per channelR FF · G 02 · B A1
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