Recognised as Colour
#B4BCBD
- #B4BCBD
- Grey
- Dark
- Nearest: Silver
#B4BCBD is a grey with RGB values 180, 188, 189 and HSL 187°, 6%, 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
#B4BCBD#B4BCBD
HEX#B4BCBD
RGBrgb(180, 188, 189)
RGB (0–1)0.7059, 0.7373, 0.7412
RGB percentages70.6%, 73.7%, 74.1%
HSLhsl(186.7, 6.4%, 72.4%)
HSV / HSBhsv(186.7, 4.8%, 74.1%)
CMYK4.8%, 0.5%, 0%, 25.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer11,844,797
CSS custom property--colour: #B4BCBD;
Brightness & contrast
Relative luminance0.49344WCAG 2.x, 0 is black and 1 is white
Perceived brightness185.8 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 10.87:1
Contrast with white1.93:1WCAG normal text: Fail
Contrast with black10.87:1WCAG normal text: AAA
Greyscale equivalent#BABABA
Inverted#4B4342
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.87:1WCAG large text: AAA
Named colours
Hue familygrey
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#BDB5B4
Analogous#B4BDBA, #B4B8BD
Triadic#BDB4BC, #BCBDB4
Split complementary#BDB4B8, #BDBAB4
Tetradic#BAB4BD, #BDB5B4, #B8BDB4
Tints, shades & saturation
Channel breakdown
R180
G188
B189
Red180 (70.6%)
Green188 (73.7%)
Blue189 (74.1%)
Hue186.67°
Saturation (HSL)6.38%
Lightness72.35%
Dominant channelBlue
Hex per channelR B4 · G BC · B BD
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