Colour

#9FA7BD

#9FA7BD
Blue
Dark
Nearest: Light steelblue

#9FA7BD is a blue with RGB values 159, 167, 189 and HSL 224°, 19%, 68%. It is a dark colour, so black text on it reaches 8.7:1 contrast (AAA for normal text). The nearest named colour is Light steelblue.

Colour values

#9FA7BD#9FA7BD

HEX#9FA7BD

RGBrgb(159, 167, 189)

RGB (0–1)0.6235, 0.6549, 0.7412

RGB percentages62.4%, 65.5%, 74.1%

HSLhsl(224, 18.5%, 68.2%)

HSV / HSBhsv(224, 15.9%, 74.1%)

CMYK15.9%, 11.6%, 0%, 25.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer10,463,165

CSS custom property--colour: #9FA7BD;

Brightness & contrast

Relative luminance0.38682WCAG 2.x, 0 is black and 1 is white

Perceived brightness167.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.74:1

Contrast with white2.4:1WCAG normal text: Fail

Contrast with black8.74:1WCAG normal text: AAA

Greyscale equivalent#A7A7A7

Inverted#605842

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#A1A8BEno red cones; affects about 1% of men; ΔE 0.6 from the original

Deuteranopia#9EA6BCno green cones; the most common form, about 1% of men; ΔE 0.4 from the original

Tritanopia#98ABAEno blue cones; rare, and affects men and women equally; ΔE 11.4 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text2.4:1WCAG large text: Fail

Contrast with black, large text8.74:1WCAG large text: AAA

Named colours

Light steelblue · ΔE 10.8 Dark grey · ΔE 12.4 Light slate grey · ΔE 13.3 Silver · ΔE 15.4 Slate grey · ΔE 16.2 Thistle · ΔE 16.6

Nearest named CSS colourLight steelblue (#B0C4DE)ΔE 10.81, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#BDB59F

Analogous#9FB6BD, #A69FBD

Triadic#BD9FA7, #A7BD9F

Split complementary#BDA69F, #B6BD9F

Tetradic#BD9FB6, #BDB59F, #9FBDA6

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#FFFFFF

Lighter +30%#FAFAFB

Lighter +20%#DBDEE7

Lighter +10%#BDC3D2

Darker −10%#818BA8

Darker −20%#647092

Darker −30%#4F5974

Darker −40%#3B4255

More saturated +25%#8B9ED1

Less saturated −25%#AEAEAE

Channel breakdown

R159

G167

B189

Red159 (62.4%)

Green167 (65.5%)

Blue189 (74.1%)

Hue224°

Saturation (HSL)18.52%

Lightness68.24%

Dominant channelBlue

Hex per channelR 9F · G A7 · B BD

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#9FA7BD

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else