Recognised as Colour
#F685E8
- #F685E8
- Magenta
- Dark
- Nearest: Violet
#F685E8 is a magenta with RGB values 246, 133, 232 and HSL 307°, 86%, 74%. It is a dark colour, so black text on it reaches 9.4:1 contrast (AAA for normal text). The nearest named colour is Violet.
Colour values
#F685E8#F685E8
HEX#F685E8
RGBrgb(246, 133, 232)
RGB (0–1)0.9647, 0.5216, 0.9098
RGB percentages96.5%, 52.2%, 91%
HSLhsl(307.4, 86.3%, 74.3%)
HSV / HSBhsv(307.4, 45.9%, 96.5%)
CMYK0%, 45.9%, 5.7%, 3.5%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,156,136
CSS custom property--colour: #F685E8;
Brightness & contrast
Relative luminance0.42194WCAG 2.x, 0 is black and 1 is white
Perceived brightness186 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 9.44:1
Contrast with white2.22:1WCAG normal text: Fail
Contrast with black9.44:1WCAG normal text: AAA
Greyscale equivalent#A4A4A4
Inverted#097A17
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text2.22:1WCAG large text: Fail
Contrast with black, large text9.44:1WCAG large text: AAA
Named colours
Hue familymagenta
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#85F693
Analogous#CB85F6, #F685B0
Triadic#E8F685, #85E8F6
Split complementary#B0F685, #85F6CB
Tetradic#F6CB85, #85F693, #85B0F6
Tints, shades & saturation
Channel breakdown
R246
G133
B232
Red246 (96.5%)
Green133 (52.2%)
Blue232 (91%)
Hue307.43°
Saturation (HSL)86.26%
Lightness74.31%
Dominant channelRed
Hex per channelR F6 · G 85 · B E8
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