Colour
#F228B7
- #F228B7
- Magenta
- Dark
- Nearest: Medium violet red
#F228B7 is a magenta with RGB values 242, 40, 183 and HSL 318°, 89%, 55%. It is a dark colour, so black text on it reaches 5.8:1 contrast (AA for normal text). The nearest named colour is Medium violet red.
Colour values
#F228B7#F228B7
HEX#F228B7
RGBrgb(242, 40, 183)
RGB (0–1)0.949, 0.1569, 0.7176
RGB percentages94.9%, 15.7%, 71.8%
HSLhsl(317.5, 88.6%, 55.3%)
HSV / HSBhsv(317.5, 83.5%, 94.9%)
CMYK0%, 83.5%, 24.4%, 5.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer15,870,135
CSS custom property--colour: #F228B7;
Brightness & contrast
Relative luminance0.23814WCAG 2.x, 0 is black and 1 is white
Perceived brightness149.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 5.76:1
Contrast with white3.64:1WCAG normal text: Fail
Contrast with black5.76:1WCAG normal text: AA
Greyscale equivalent#5D5D5D
Inverted#0DD748
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.76:1WCAG large text: AAA
Named colours
Hue familymagenta
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#28F263
Analogous#C828F2, #F22852
Triadic#B7F228, #28B7F2
Split complementary#52F228, #28F2C8
Tetradic#F2C828, #28F263, #2852F2
Tints, shades & saturation
Channel breakdown
R242
G40
B183
Red242 (94.9%)
Green40 (15.7%)
Blue183 (71.8%)
Hue317.52°
Saturation (HSL)88.6%
Lightness55.29%
Dominant channelRed
Hex per channelR F2 · G 28 · B B7
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