Colour

#9BA3C8

#9BA3C8
Blue
Dark
Nearest: Light steelblue

#9BA3C8 is a blue with RGB values 155, 163, 200 and HSL 229°, 29%, 70%. It is a dark colour, so black text on it reaches 8.5:1 contrast (AAA for normal text). The nearest named colour is Light steelblue.

Colour values

#9BA3C8#9BA3C8

HEX#9BA3C8

RGBrgb(155, 163, 200)

RGB (0–1)0.6078, 0.6392, 0.7843

RGB percentages60.8%, 63.9%, 78.4%

HSLhsl(229.3, 29%, 69.6%)

HSV / HSBhsv(229.3, 22.5%, 78.4%)

CMYK22.5%, 18.5%, 0%, 21.6%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer10,200,008

CSS custom property--colour: #9BA3C8;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.47:1

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

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

Greyscale equivalent#A4A4A4

Inverted#645C37

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#99A6CAno red cones; affects about 1% of men; ΔE 2 from the original

Deuteranopia#96A3C7no green cones; the most common form, about 1% of men; ΔE 1.8 from the original

Tritanopia#90AAAFno blue cones; rare, and affects men and women equally; ΔE 19.3 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Light steelblue · ΔE 13.5 Light slate grey · ΔE 16.3 Thistle · ΔE 18.3 Slate grey · ΔE 18.9 Dark grey · ΔE 20.6 Steel blue · ΔE 21.6

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#C8C09B

Analogous#9BB9C8, #AA9BC8

Triadic#C89BA3, #A3C89B

Split complementary#C8AA9B, #B9C89B

Tetradic#C89BB9, #C8C09B, #9BC8AA

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FEFEFE

Lighter +20%#DDE0EC

Lighter +10%#BCC1DA

Darker −10%#7A85B6

Darker −20%#5A67A3

Darker −30%#485282

Darker −40%#363D61

More saturated +25%#8897DB

Less saturated −25%#AEAFB5

Channel breakdown

R155

G163

B200

Red155 (60.8%)

Green163 (63.9%)

Blue200 (78.4%)

Hue229.33°

Saturation (HSL)29.03%

Lightness69.61%

Dominant channelBlue

Hex per channelR 9B · G A3 · B C8

Keep nerding

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

#9BA3C8

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