Colour

#9AB2DA

#9AB2DA
Blue
Dark
Nearest: Light steelblue

#9AB2DA is a blue with RGB values 154, 178, 218 and HSL 218°, 46%, 73%. It is a dark colour, so black text on it reaches 9.8:1 contrast (AAA for normal text). The nearest named colour is Light steelblue.

Colour values

#9AB2DA#9AB2DA

HEX#9AB2DA

RGBrgb(154, 178, 218)

RGB (0–1)0.6039, 0.698, 0.8549

RGB percentages60.4%, 69.8%, 85.5%

HSLhsl(217.5, 46.4%, 72.9%)

HSV / HSBhsv(217.5, 29.4%, 85.5%)

CMYK29.4%, 18.3%, 0%, 14.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer10,138,330

CSS custom property--colour: #9AB2DA;

Brightness & contrast

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

Perceived brightness176.4 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 9.75:1

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

Contrast with black9.75:1WCAG normal text: AAA

Greyscale equivalent#B0B0B0

Inverted#654D25

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#88BABFno blue cones; rare, and affects men and women equally; ΔE 22 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text9.75:1WCAG large text: AAA

Named colours

Light steelblue · ΔE 10.2 Light skyblue · ΔE 15.1 Sky blue · ΔE 17.3 Thistle · ΔE 20 Light blue · ΔE 20.1 Light slate grey · ΔE 20.2

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#DAC29A

Analogous#9AD2DA, #A29ADA

Triadic#DA9AB2, #B2DA9A

Split complementary#DAA29A, #D2DA9A

Tetradic#DA9AD2, #DAC29A, #9ADAA2

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#E5EBF5

Lighter +10%#BFCEE8

Darker −10%#7596CC

Darker −20%#4F79BF

Darker −30%#3B61A0

Darker −40%#2D4A7B

More saturated +25%#89AEEB

Less saturated −25%#ABB6C9

Channel breakdown

R154

G178

B218

Red154 (60.4%)

Green178 (69.8%)

Blue218 (85.5%)

Hue217.5°

Saturation (HSL)46.38%

Lightness72.94%

Dominant channelBlue

Hex per channelR 9A · G B2 · B DA

Keep nerding

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

#9AB2DA

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