Colour

#97AADD

#97AADD
Blue
Dark
Nearest: Light steelblue

#97AADD is a blue with RGB values 151, 170, 221 and HSL 224°, 51%, 73%. It is a dark colour, so black text on it reaches 9.1:1 contrast (AAA for normal text). The nearest named colour is Light steelblue.

Colour values

#97AADD#97AADD

HEX#97AADD

RGBrgb(151, 170, 221)

RGB (0–1)0.5922, 0.6667, 0.8667

RGB percentages59.2%, 66.7%, 86.7%

HSLhsl(223.7, 50.7%, 72.9%)

HSV / HSBhsv(223.7, 31.7%, 86.7%)

CMYK31.7%, 23.1%, 0%, 13.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer9,939,677

CSS custom property--colour: #97AADD;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 9.11:1

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

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

Greyscale equivalent#AAAAAA

Inverted#685522

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#9AAEDFno red cones; affects about 1% of men; ΔE 1.9 from the original

Deuteranopia#94A8DCno green cones; the most common form, about 1% of men; ΔE 1 from the original

Tritanopia#83B4BBno blue cones; rare, and affects men and women equally; ΔE 27.4 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Light steelblue · ΔE 16.6 Light skyblue · ΔE 18.8 Steel blue · ΔE 20.2 Thistle · ΔE 22.7 Light slate grey · ΔE 23.1 Sky blue · ΔE 23.1

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#DDCA97

Analogous#97CDDD, #A797DD

Triadic#DD97AA, #AADD97

Split complementary#DDA797, #CDDD97

Tetradic#DD97CD, #DDCA97, #97DDA7

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#E4E9F6

Lighter +10%#BDC9EA

Darker −10%#718BD0

Darker −20%#4A6BC4

Darker −30%#3654A5

Darker −40%#29417F

More saturated +25%#86A2EE

Less saturated −25%#A8B2CC

Channel breakdown

R151

G170

B221

Red151 (59.2%)

Green170 (66.7%)

Blue221 (86.7%)

Hue223.71°

Saturation (HSL)50.72%

Lightness72.94%

Dominant channelBlue

Hex per channelR 97 · G AA · B DD

Keep nerding

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

#97AADD

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