Recognised as Colour
#F87BAD
- #F87BAD
- Red
- Dark
- Nearest: Pale violetred
#F87BAD is a red with RGB values 248, 123, 173 and HSL 336°, 90%, 73%. It is a dark colour, so black text on it reaches 8.4:1 contrast (AAA for normal text). The nearest named colour is Pale violetred.
Colour values
#F87BAD#F87BAD
HEX#F87BAD
RGBrgb(248, 123, 173)
RGB (0–1)0.9725, 0.4824, 0.6784
RGB percentages97.3%, 48.2%, 67.8%
HSLhsl(336, 89.9%, 72.7%)
HSV / HSBhsv(336, 50.4%, 97.3%)
CMYK0%, 50.4%, 30.2%, 2.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,284,589
CSS custom property--colour: #F87BAD;
Brightness & contrast
Relative luminance0.3714WCAG 2.x, 0 is black and 1 is white
Perceived brightness175.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 8.43:1
Contrast with white2.49:1WCAG normal text: Fail
Contrast with black8.43:1WCAG normal text: AAA
Greyscale equivalent#999999
Inverted#078452
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text2.49:1WCAG large text: Fail
Contrast with black, large text8.43:1WCAG large text: AAA
Named colours
Hue familyred
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#7BF8C6
Analogous#F87BEC, #F8877B
Triadic#ADF87B, #7BADF8
Split complementary#7BF887, #7BEBF8
Tetradic#EBF87B, #7BF8C6, #877BF8
Tints, shades & saturation
Channel breakdown
R248
G123
B173
Red248 (97.3%)
Green123 (48.2%)
Blue173 (67.8%)
Hue336°
Saturation (HSL)89.93%
Lightness72.75%
Dominant channelRed
Hex per channelR F8 · G 7B · B AD
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Harmonies
Similar named colours
Nerdulate something else
Nothing in mind? Surprise me · today’s page