Recognised as Colour
#F477D4
- #F477D4
- Magenta
- Dark
- Nearest: Orchid
#F477D4 is a magenta with RGB values 244, 119, 212 and HSL 315°, 85%, 71%. It is a dark colour, so black text on it reaches 8.4:1 contrast (AAA for normal text). The nearest named colour is Orchid.
Colour values
#F477D4#F477D4
HEX#F477D4
RGBrgb(244, 119, 212)
RGB (0–1)0.9569, 0.4667, 0.8314
RGB percentages95.7%, 46.7%, 83.1%
HSLhsl(315.4, 85%, 71.2%)
HSV / HSBhsv(315.4, 51.2%, 95.7%)
CMYK0%, 51.2%, 13.1%, 4.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,021,460
CSS custom property--colour: #F477D4;
Brightness & contrast
Relative luminance0.3718WCAG 2.x, 0 is black and 1 is white
Perceived brightness176.7 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 8.44:1
Contrast with white2.49:1WCAG normal text: Fail
Contrast with black8.44:1WCAG normal text: AAA
Greyscale equivalent#989898
Inverted#0B882B
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text2.49:1WCAG large text: Fail
Contrast with black, large text8.44:1WCAG large text: AAA
Named colours
Hue familymagenta
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#77F497
Analogous#D677F4, #F47795
Triadic#D4F477, #77D4F4
Split complementary#95F477, #77F4D6
Tetradic#F4D677, #77F497, #7795F4
Tints, shades & saturation
Channel breakdown
R244
G119
B212
Red244 (95.7%)
Green119 (46.7%)
Blue212 (83.1%)
Hue315.36°
Saturation (HSL)85.03%
Lightness71.18%
Dominant channelRed
Hex per channelR F4 · G 77 · 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