Nerdulator> put something in

Recognised as Colour

#9AA2BC

  • #9AA2BC
  • Blue
  • Dark
  • Nearest: Light slate grey

#9AA2BC is a blue with RGB values 154, 162, 188 and HSL 226°, 20%, 67%. It is a dark colour, so black text on it reaches 8.3:1 contrast (AAA for normal text). The nearest named colour is Light slate grey.

Colour values

#9AA2BC#9AA2BC
HEX#9AA2BC
RGBrgb(154, 162, 188)
RGB (0–1)0.6039, 0.6353, 0.7373
RGB percentages60.4%, 63.5%, 73.7%
HSLhsl(225.9, 20.2%, 67.1%)
HSV / HSBhsv(225.9, 18.1%, 73.7%)
CMYK18.1%, 13.8%, 0%, 26.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer10,134,204
CSS custom property--colour: #9AA2BC;

Brightness & contrast

Relative luminance0.36342WCAG 2.x, 0 is black and 1 is white
Perceived brightness162.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 8.27:1
Contrast with white2.54:1WCAG normal text: Fail
Contrast with black8.27:1WCAG normal text: AAA
Greyscale equivalent#A2A2A2
Inverted#655D43

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#9BA4BDno red cones; affects about 1% of men; ΔE 0.9 from the original
Deuteranopia#98A1BBno green cones; the most common form, about 1% of men; ΔE 0.6 from the original
Tritanopia#92A7AAno blue cones; rare, and affects men and women equally; ΔE 13.9 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.54:1WCAG large text: Fail
Contrast with black, large text8.27:1WCAG large text: AAA

Named colours

Light slate grey · ΔE 12.4Light steelblue · ΔE 12.4Dark grey · ΔE 14.8Slate grey · ΔE 15.2Thistle · ΔE 17.7Silver · ΔE 18.2
Nearest named CSS colourLight slate grey (#778899)ΔE 12.35, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#BCB49A
Analogous#9AB3BC, #A39ABC
Triadic#BC9AA2, #A2BC9A
Split complementary#BCA39A, #B3BC9A
Tetradic#BC9AB3, #BCB49A, #9ABCA3

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#F6F7F9
Lighter +20%#D7DAE5
Lighter +10%#B9BED0
Darker −10%#7B86A8
Darker −20%#606B90
Darker −30%#4B5472
Darker −40%#373E53
More saturated +25%#8597D1
Less saturated −25%#ABABAB

Channel breakdown

R154
G162
B188
Red154 (60.4%)
Green162 (63.5%)
Blue188 (73.7%)
Hue225.88°
Saturation (HSL)20.24%
Lightness67.06%
Dominant channelBlue
Hex per channelR 9A · G A2 · B BC

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