Recognised as Colour
#BAB8A6
- #BAB8A6
- Yellow
- Dark
- Nearest: Silver
#BAB8A6 is a yellow with RGB values 186, 184, 166 and HSL 54°, 13%, 69%. It is a dark colour, so black text on it reaches 10.5:1 contrast (AAA for normal text). The nearest named colour is Silver.
Colour values
#BAB8A6#BAB8A6
HEX#BAB8A6
RGBrgb(186, 184, 166)
RGB (0–1)0.7294, 0.7216, 0.651
RGB percentages72.9%, 72.2%, 65.1%
HSLhsl(54, 12.7%, 69%)
HSV / HSBhsv(54, 10.8%, 72.9%)
CMYK0%, 1.1%, 10.8%, 27.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer12,236,966
CSS custom property--colour: #BAB8A6;
Brightness & contrast
Relative luminance0.47473WCAG 2.x, 0 is black and 1 is white
Perceived brightness182.6 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 10.49:1
Contrast with white2:1WCAG normal text: Fail
Contrast with black10.49:1WCAG normal text: AAA
Greyscale equivalent#B7B7B7
Inverted#454759
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2:1WCAG large text: Fail
Contrast with black, large text10.49:1WCAG large text: AAA
Named colours
Hue familyyellow
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#A6A8BA
Analogous#BAAEA6, #B2BAA6
Triadic#A6BAB8, #B8A6BA
Split complementary#A6B2BA, #AEA6BA
Tetradic#A6BAAE, #A6A8BA, #BAA6B2
Tints, shades & saturation
Channel breakdown
R186
G184
B166
Red186 (72.9%)
Green184 (72.2%)
Blue166 (65.1%)
Hue54°
Saturation (HSL)12.66%
Lightness69.02%
Dominant channelRed
Hex per channelR BA · G B8 · B A6
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