Colour
#B4BACB
- #B4BACB
- Blue
- Dark
- Nearest: Light steelblue
#B4BACB is a blue with RGB values 180, 186, 203 and HSL 224°, 18%, 75%. It is a dark colour, so black text on it reaches 10.8:1 contrast (AAA for normal text). The nearest named colour is Light steelblue.
Colour values
#B4BACB#B4BACB
HEX#B4BACB
RGBrgb(180, 186, 203)
RGB (0–1)0.7059, 0.7294, 0.7961
RGB percentages70.6%, 72.9%, 79.6%
HSLhsl(224.3, 18.1%, 75.1%)
HSV / HSBhsv(224.3, 11.3%, 79.6%)
CMYK11.3%, 8.4%, 0%, 20.4%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer11,844,299
CSS custom property--colour: #B4BACB;
Brightness & contrast
Relative luminance0.49133WCAG 2.x, 0 is black and 1 is white
Perceived brightness186.3 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 10.83:1
Contrast with white1.94:1WCAG normal text: Fail
Contrast with black10.83:1WCAG normal text: AAA
Greyscale equivalent#BABABA
Inverted#4B4534
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.94:1WCAG large text: Fail
Contrast with black, large text10.83:1WCAG large text: AAA
Named colours
Hue familyblue
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#CBC5B4
Analogous#B4C6CB, #BAB4CB
Triadic#CBB4BA, #BACBB4
Split complementary#CBBAB4, #C5CBB4
Tetradic#CBB4C6, #CBC5B4, #B4CBBA
Tints, shades & saturation
Channel breakdown
R180
G186
B203
Red180 (70.6%)
Green186 (72.9%)
Blue203 (79.6%)
Hue224.35°
Saturation (HSL)18.11%
Lightness75.1%
Dominant channelBlue
Hex per channelR B4 · G BA · B CB
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