Recognised as Colour
#F4BAF0
- #F4BAF0
- Magenta
- Light
- Nearest: Plum
#F4BAF0 is a magenta with RGB values 244, 186, 240 and HSL 304°, 73%, 84%. It is a light colour, so black text on it reaches 13.1:1 contrast (AAA for normal text). The nearest named colour is Plum.
Colour values
#F4BAF0#F4BAF0
HEX#F4BAF0
RGBrgb(244, 186, 240)
RGB (0–1)0.9569, 0.7294, 0.9412
RGB percentages95.7%, 72.9%, 94.1%
HSLhsl(304.1, 72.5%, 84.3%)
HSV / HSBhsv(304.1, 23.8%, 95.7%)
CMYK0%, 23.8%, 1.6%, 4.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,038,640
CSS custom property--colour: #F4BAF0;
Brightness & contrast
Relative luminance0.60642WCAG 2.x, 0 is black and 1 is white
Perceived brightness211.4 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 13.13:1
Contrast with white1.6:1WCAG normal text: Fail
Contrast with black13.13:1WCAG normal text: AAA
Greyscale equivalent#CACACA
Inverted#0B450F
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.6:1WCAG large text: Fail
Contrast with black, large text13.13:1WCAG large text: AAA
Named colours
Hue familymagenta
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#BAF4BE
Analogous#DBBAF4, #F4BAD3
Triadic#F0F4BA, #BAF0F4
Split complementary#D3F4BA, #BAF4DB
Tetradic#F4DBBA, #BAF4BE, #BAD3F4
Tints, shades & saturation
Channel breakdown
R244
G186
B240
Red244 (95.7%)
Green186 (72.9%)
Blue240 (94.1%)
Hue304.14°
Saturation (HSL)72.5%
Lightness84.31%
Dominant channelRed
Hex per channelR F4 · G BA · B F0
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