Nerdulator> put something in

Recognised as Colour

#9BA4B8

  • #9BA4B8
  • Blue
  • Dark
  • Nearest: Dark grey

#9BA4B8 is a blue with RGB values 155, 164, 184 and HSL 221°, 17%, 66%. It is a dark colour, so black text on it reaches 8.4:1 contrast (AAA for normal text). The nearest named colour is Dark grey.

Colour values

#9BA4B8#9BA4B8
HEX#9BA4B8
RGBrgb(155, 164, 184)
RGB (0–1)0.6078, 0.6431, 0.7216
RGB percentages60.8%, 64.3%, 72.2%
HSLhsl(221.4, 17%, 66.5%)
HSV / HSBhsv(221.4, 15.8%, 72.2%)
CMYK15.8%, 10.9%, 0%, 27.8%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer10,200,248
CSS custom property--colour: #9BA4B8;

Brightness & contrast

Relative luminance0.3698WCAG 2.x, 0 is black and 1 is white
Perceived brightness163.8 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 8.4:1
Contrast with white2.5:1WCAG normal text: Fail
Contrast with black8.4:1WCAG normal text: AAA
Greyscale equivalent#A4A4A4
Inverted#645B47

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#9EA5B9no red cones; affects about 1% of men; ΔE 0.9 from the original
Deuteranopia#9CA3B8no green cones; the most common form, about 1% of men; ΔE 0.9 from the original
Tritanopia#94A8AAno blue cones; rare, and affects men and women equally; ΔE 11 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.5:1WCAG large text: Fail
Contrast with black, large text8.4:1WCAG large text: AAA

Named colours

Dark grey · ΔE 11.6Light slate grey · ΔE 11.8Light steelblue · ΔE 12Slate grey · ΔE 14.8Silver · ΔE 15.5Gray · ΔE 17.8
Nearest named CSS colourDark grey (#A9A9A9)ΔE 11.58, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#B8AF9B
Analogous#9BB3B8, #A09BB8
Triadic#B89BA4, #A4B89B
Split complementary#B8A09B, #B3B89B
Tetradic#B89BB3, #B8AF9B, #9BB8A0

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#F4F5F8
Lighter +20%#D7DAE2
Lighter +10%#B9BFCD
Darker −10%#7D89A3
Darker −20%#626F8B
Darker −30%#4D576D
Darker −40%#383F4F
More saturated +25%#869CCD
Less saturated −25%#AAAAAA

Channel breakdown

R155
G164
B184
Red155 (60.8%)
Green164 (64.3%)
Blue184 (72.2%)
Hue221.38°
Saturation (HSL)16.96%
Lightness66.47%
Dominant channelBlue
Hex per channelR 9B · G A4 · B B8

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 “9ba4b8” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.