Nerdulator> put something in

Recognised as Colour

#F702D4

  • #F702D4
  • Magenta
  • Dark
  • Nearest: Fuchsia

#F702D4 is a magenta with RGB values 247, 2, 212 and HSL 309°, 98%, 49%. It is a dark colour, so black text on it reaches 5.9:1 contrast (AA for normal text). The nearest named colour is Fuchsia.

Colour values

#F702D4#F702D4
HEX#F702D4
RGBrgb(247, 2, 212)
RGB (0–1)0.9686, 0.0078, 0.8314
RGB percentages96.9%, 0.8%, 83.1%
HSLhsl(308.6, 98.4%, 48.8%)
HSV / HSBhsv(308.6, 99.2%, 96.9%)
CMYK0%, 99.2%, 14.2%, 3.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,188,116
CSS custom property--colour: #F702D4;

Brightness & contrast

Relative luminance0.24571WCAG 2.x, 0 is black and 1 is white
Perceived brightness152.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 5.91:1
Contrast with white3.55:1WCAG normal text: Fail
Contrast with black5.91:1WCAG normal text: AA
Greyscale equivalent#454545
Inverted#08FD2B

Colour vision & accessibility

Protanopia#1573D8no red cones; affects about 1% of men; ΔE 80.7 from the original
Deuteranopia#7993CFno green cones; the most common form, about 1% of men; ΔE 85.5 from the original
Tritanopia#FF2C7Dno blue cones; rare, and affects men and women equally; ΔE 52.4 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text3.55:1WCAG large text: AA
Contrast with black, large text5.91:1WCAG large text: AAA

Named colours

Nearest named CSS colourFuchsia (#FF00FF)ΔE 19.91, a distinctly different colour
Hue familymagenta
CSS keyword usableNo exact keyword

Colour harmonies

Complementary#02F725
Analogous#9F02F7, #F7025A
Triadic#D4F702, #02D4F7
Split complementary#5AF702, #02F7A0
Tetradic#F79F02, #02F725, #025AF7

Tints, shades & saturation

Lighter +40%#FFC6F7
Lighter +30%#FE94EF
Lighter +20%#FE61E7
Lighter +10%#FD2FE0
Darker −10%#C402A9
Darker −20%#92017D
Darker −30%#5F0152
Darker −40%#2D0026
More saturated +25%#F900D5
Less saturated −25%#D821BE

Channel breakdown

R247
G2
B212
Red247 (96.9%)
Green2 (0.8%)
Blue212 (83.1%)
Hue308.57°
Saturation (HSL)98.39%
Lightness48.82%
Dominant channelRed
Hex per channelR F7 · G 02 · B D4

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