Recognised as Colour
#F568BD
- #F568BD
- Magenta
- Dark
- Nearest: Hot pink
#F568BD is a magenta with RGB values 245, 104, 189 and HSL 324°, 88%, 68%. It is a dark colour, so black text on it reaches 7.6:1 contrast (AAA for normal text). The nearest named colour is Hot pink.
Colour values
#F568BD#F568BD
HEX#F568BD
RGBrgb(245, 104, 189)
RGB (0–1)0.9608, 0.4078, 0.7412
RGB percentages96.1%, 40.8%, 74.1%
HSLhsl(323.8, 87.6%, 68.4%)
HSV / HSBhsv(323.8, 57.6%, 96.1%)
CMYK0%, 57.6%, 22.9%, 3.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,083,133
CSS custom property--colour: #F568BD;
Brightness & contrast
Relative luminance0.32987WCAG 2.x, 0 is black and 1 is white
Perceived brightness168.4 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 7.6:1
Contrast with white2.76:1WCAG normal text: Fail
Contrast with black7.6:1WCAG normal text: AAA
Greyscale equivalent#8C8C8C
Inverted#0A9742
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text2.76:1WCAG large text: Fail
Contrast with black, large text7.6:1WCAG large text: AAA
Named colours
Hue familymagenta
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#68F5A0
Analogous#E668F5, #F56877
Triadic#BDF568, #68BDF5
Split complementary#76F568, #68F5E7
Tetradic#F5E768, #68F5A0, #6876F5
Tints, shades & saturation
Channel breakdown
R245
G104
B189
Red245 (96.1%)
Green104 (40.8%)
Blue189 (74.1%)
Hue323.83°
Saturation (HSL)87.58%
Lightness68.43%
Dominant channelRed
Hex per channelR F5 · G 68 · 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