Colour
#B2BDBA
- #B2BDBA
- Grey
- Dark
- Nearest: Silver
#B2BDBA is a grey with RGB values 178, 189, 186 and HSL 164°, 8%, 72%. It is a dark colour, so black text on it reaches 10.9:1 contrast (AAA for normal text). The nearest named colour is Silver.
Colour values
#B2BDBA#B2BDBA
HEX#B2BDBA
RGBrgb(178, 189, 186)
RGB (0–1)0.698, 0.7412, 0.7294
RGB percentages69.8%, 74.1%, 72.9%
HSLhsl(163.6, 7.7%, 72%)
HSV / HSBhsv(163.6, 5.8%, 74.1%)
CMYK5.8%, 0%, 1.6%, 25.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer11,713,978
CSS custom property--colour: #B2BDBA;
Brightness & contrast
Relative luminance0.49405WCAG 2.x, 0 is black and 1 is white
Perceived brightness185.4 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 10.88:1
Contrast with white1.93:1WCAG normal text: Fail
Contrast with black10.88:1WCAG normal text: AAA
Greyscale equivalent#BABABA
Inverted#4D4245
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.93:1WCAG large text: Fail
Contrast with black, large text10.88:1WCAG large text: AAA
Named colours
Hue familygrey
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#BDB2B5
Analogous#B2BDB4, #B2BBBD
Triadic#BAB2BD, #BDBAB2
Split complementary#BDB2BB, #BDB4B2
Tetradic#B4B2BD, #BDB2B5, #BBBDB2
Tints, shades & saturation
Channel breakdown
R178
G189
B186
Red178 (69.8%)
Green189 (74.1%)
Blue186 (72.9%)
Hue163.64°
Saturation (HSL)7.69%
Lightness71.96%
Dominant channelGreen
Hex per channelR B2 · G BD · B BA
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