Colour
#F81CBC
- #F81CBC
- Magenta
- Dark
- Nearest: Deep pink
#F81CBC is a magenta with RGB values 248, 28, 188 and HSL 316°, 94%, 54%. It is a dark colour, so black text on it reaches 5.9:1 contrast (AA for normal text). The nearest named colour is Deep pink.
Colour values
#F81CBC#F81CBC
HEX#F81CBC
RGBrgb(248, 28, 188)
RGB (0–1)0.9725, 0.1098, 0.7373
RGB percentages97.3%, 11%, 73.7%
HSLhsl(316.4, 94%, 54.1%)
HSV / HSBhsv(316.4, 88.7%, 97.3%)
CMYK0%, 88.7%, 24.2%, 2.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,260,284
CSS custom property--colour: #F81CBC;
Brightness & contrast
Relative luminance0.24418WCAG 2.x, 0 is black and 1 is white
Perceived brightness151.3 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 5.88:1
Contrast with white3.57:1WCAG normal text: Fail
Contrast with black5.88:1WCAG normal text: AA
Greyscale equivalent#565656
Inverted#07E343
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text3.57:1WCAG large text: AA
Contrast with black, large text5.88:1WCAG large text: AAA
Named colours
Hue familymagenta
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#1CF858
Analogous#C61CF8, #F81C4E
Triadic#BCF81C, #1CBCF8
Split complementary#4EF81C, #1CF8C6
Tetradic#F8C61C, #1CF858, #1C4EF8
Tints, shades & saturation
Channel breakdown
R248
G28
B188
Red248 (97.3%)
Green28 (11%)
Blue188 (73.7%)
Hue316.36°
Saturation (HSL)94.02%
Lightness54.12%
Dominant channelRed
Hex per channelR F8 · G 1C · B BC
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