Colour
#F104BD
- #F104BD
- Magenta
- Dark
- Nearest: Medium violet red
#F104BD is a magenta with RGB values 241, 4, 189 and HSL 313°, 97%, 48%. It is a dark colour, so black text on it reaches 5.5:1 contrast (AA for normal text). The nearest named colour is Medium violet red.
Colour values
#F104BD#F104BD
HEX#F104BD
RGBrgb(241, 4, 189)
RGB (0–1)0.9451, 0.0157, 0.7412
RGB percentages94.5%, 1.6%, 74.1%
HSLhsl(313.2, 96.7%, 48%)
HSV / HSBhsv(313.2, 98.3%, 94.5%)
CMYK0%, 98.3%, 21.6%, 5.5%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer15,795,389
CSS custom property--colour: #F104BD;
Brightness & contrast
Relative luminance0.22462WCAG 2.x, 0 is black and 1 is white
Perceived brightness146.5 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 5.49:1
Contrast with white3.82:1WCAG normal text: Fail
Contrast with black5.49:1WCAG normal text: AA
Greyscale equivalent#444444
Inverted#0EFB42
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text3.82:1WCAG large text: AA
Contrast with black, large text5.49:1WCAG large text: AAA
Named colours
Hue familymagenta
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#04F138
Analogous#AE04F1, #F10447
Triadic#BDF104, #04BDF1
Split complementary#47F104, #04F1AE
Tetradic#F1AE04, #04F138, #0447F1
Tints, shades & saturation
Channel breakdown
R241
G4
B189
Red241 (94.5%)
Green4 (1.6%)
Blue189 (74.1%)
Hue313.16°
Saturation (HSL)96.73%
Lightness48.04%
Dominant channelRed
Hex per channelR F1 · G 04 · B BD
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