Nerdulator> put something in

Recognised as Colour

#B1B2BD

  • #B1B2BD
  • Blue
  • Dark
  • Nearest: Dark grey

#B1B2BD is a blue with RGB values 177, 178, 189 and HSL 235°, 8%, 72%. It is a dark colour, so black text on it reaches 10:1 contrast (AAA for normal text). The nearest named colour is Dark grey.

Colour values

#B1B2BD#B1B2BD
HEX#B1B2BD
RGBrgb(177, 178, 189)
RGB (0–1)0.6941, 0.698, 0.7412
RGB percentages69.4%, 69.8%, 74.1%
HSLhsl(235, 8.3%, 71.8%)
HSV / HSBhsv(235, 6.3%, 74.1%)
CMYK6.3%, 5.8%, 0%, 25.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer11,645,629
CSS custom property--colour: #B1B2BD;

Brightness & contrast

Relative luminance0.44862WCAG 2.x, 0 is black and 1 is white
Perceived brightness179 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 9.97:1
Contrast with white2.11:1WCAG normal text: Fail
Contrast with black9.97:1WCAG normal text: AAA
Greyscale equivalent#B3B3B3
Inverted#4E4D42

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#AFB3BEno red cones; affects about 1% of men; ΔE 1.1 from the original
Deuteranopia#AFB2BDno green cones; the most common form, about 1% of men; ΔE 0.7 from the original
Tritanopia#AFB4B5no blue cones; rare, and affects men and women equally; ΔE 5.7 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.11:1WCAG large text: Fail
Contrast with black, large text9.97:1WCAG large text: AAA

Named colours

Dark grey · ΔE 7Silver · ΔE 7.7Light steelblue · ΔE 11.5Light grey · ΔE 13.2Thistle · ΔE 14Gainsboro · ΔE 16.1
Nearest named CSS colourDark grey (#A9A9A9)ΔE 6.96, clearly different but related
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#BDBCB1
Analogous#B1B8BD, #B6B1BD
Triadic#BDB1B2, #B2BDB1
Split complementary#BDB6B1, #B8BDB1
Tetradic#BDB1B8, #BDBCB1, #B1BDB6

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#E8E9EC
Lighter +10%#CDCDD4
Darker −10%#9597A6
Darker −20%#7A7B8E
Darker −30%#626373
Darker −40%#4A4B58
More saturated +25%#9FA3CF
Less saturated −25%#B7B7B7

Channel breakdown

R177
G178
B189
Red177 (69.4%)
Green178 (69.8%)
Blue189 (74.1%)
Hue235°
Saturation (HSL)8.33%
Lightness71.76%
Dominant channelBlue
Hex per channelR B1 · G B2 · 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

Every value on this page was computed from “b1b2bd” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.