Recognised as Colour
#F475E7
- #F475E7
- Magenta
- Dark
- Nearest: Violet
#F475E7 is a magenta with RGB values 244, 117, 231 and HSL 306°, 85%, 71%. It is a dark colour, so black text on it reaches 8.5:1 contrast (AAA for normal text). The nearest named colour is Violet.
Colour values
#F475E7#F475E7
HEX#F475E7
RGBrgb(244, 117, 231)
RGB (0–1)0.9569, 0.4588, 0.9059
RGB percentages95.7%, 45.9%, 90.6%
HSLhsl(306.1, 85.2%, 70.8%)
HSV / HSBhsv(306.1, 52%, 95.7%)
CMYK0%, 52%, 5.3%, 4.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,020,967
CSS custom property--colour: #F475E7;
Brightness & contrast
Relative luminance0.37725WCAG 2.x, 0 is black and 1 is white
Perceived brightness178.7 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 8.55:1
Contrast with white2.46:1WCAG normal text: Fail
Contrast with black8.55:1WCAG normal text: AAA
Greyscale equivalent#989898
Inverted#0B8A18
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text2.46:1WCAG large text: Fail
Contrast with black, large text8.55:1WCAG large text: AAA
Named colours
Hue familymagenta
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#75F482
Analogous#C175F4, #F475A8
Triadic#E7F475, #75E7F4
Split complementary#A7F475, #75F4C1
Tetradic#F4C275, #75F482, #75A8F4
Tints, shades & saturation
Channel breakdown
R244
G117
B231
Red244 (95.7%)
Green117 (45.9%)
Blue231 (90.6%)
Hue306.14°
Saturation (HSL)85.23%
Lightness70.78%
Dominant channelRed
Hex per channelR F4 · G 75 · B E7
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