Colour
#BAABB3
- #BAABB3
- Magenta
- Dark
- Nearest: Dark grey
#BAABB3 is a magenta with RGB values 186, 171, 179 and HSL 328°, 10%, 70%. It is a dark colour, so black text on it reaches 9.6:1 contrast (AAA for normal text). The nearest named colour is Dark grey.
Colour values
#BAABB3#BAABB3
HEX#BAABB3
RGBrgb(186, 171, 179)
RGB (0–1)0.7294, 0.6706, 0.702
RGB percentages72.9%, 67.1%, 70.2%
HSLhsl(328, 9.8%, 70%)
HSV / HSBhsv(328, 8.1%, 72.9%)
CMYK0%, 8.1%, 3.8%, 27.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer12,233,651
CSS custom property--colour: #BAABB3;
Brightness & contrast
Relative luminance0.4282WCAG 2.x, 0 is black and 1 is white
Perceived brightness176.5 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 9.56:1
Contrast with white2.2:1WCAG normal text: Fail
Contrast with black9.56:1WCAG normal text: AAA
Greyscale equivalent#AFAFAF
Inverted#45544C
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.2:1WCAG large text: Fail
Contrast with black, large text9.56:1WCAG large text: AAA
Named colours
Hue familymagenta
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#ABBAB2
Analogous#BAABBA, #BAABAB
Triadic#B3BAAB, #ABB3BA
Split complementary#ABBAAB, #ABBABA
Tetradic#BABAAB, #ABBAB2, #ABABBA
Tints, shades & saturation
Channel breakdown
R186
G171
B179
Red186 (72.9%)
Green171 (67.1%)
Blue179 (70.2%)
Hue328°
Saturation (HSL)9.8%
Lightness70%
Dominant channelRed
Hex per channelR BA · G AB · B B3
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