Colour
#F097E7
- #F097E7
- Magenta
- Dark
- Nearest: Plum
#F097E7 is a magenta with RGB values 240, 151, 231 and HSL 306°, 75%, 77%. It is a dark colour, so black text on it reaches 10.3:1 contrast (AAA for normal text). The nearest named colour is Plum.
Colour values
#F097E7#F097E7
HEX#F097E7
RGBrgb(240, 151, 231)
RGB (0–1)0.9412, 0.5922, 0.9059
RGB percentages94.1%, 59.2%, 90.6%
HSLhsl(306.1, 74.8%, 76.7%)
HSV / HSBhsv(306.1, 37.1%, 94.1%)
CMYK0%, 37.1%, 3.7%, 5.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer15,767,527
CSS custom property--colour: #F097E7;
Brightness & contrast
Relative luminance0.46428WCAG 2.x, 0 is black and 1 is white
Perceived brightness191.5 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 10.29:1
Contrast with white2.04:1WCAG normal text: Fail
Contrast with black10.29:1WCAG normal text: AAA
Greyscale equivalent#B0B0B0
Inverted#0F6818
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.04:1WCAG large text: Fail
Contrast with black, large text10.29:1WCAG large text: AAA
Named colours
Hue familymagenta
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#97F0A0
Analogous#CC97F0, #F097BB
Triadic#E7F097, #97E7F0
Split complementary#BAF097, #97F0CC
Tetradic#F0CC97, #97F0A0, #97BAF0
Tints, shades & saturation
Channel breakdown
R240
G151
B231
Red240 (94.1%)
Green151 (59.2%)
Blue231 (90.6%)
Hue306.07°
Saturation (HSL)74.79%
Lightness76.67%
Dominant channelRed
Hex per channelR F0 · G 97 · B E7
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