Colour

#AAA2DC

#AAA2DC
Blue
Dark
Nearest: Plum

#AAA2DC is a blue with RGB values 170, 162, 220 and HSL 248°, 45%, 75%. It is a dark colour, so black text on it reaches 8.9:1 contrast (AAA for normal text). The nearest named colour is Plum.

Colour values

#AAA2DC#AAA2DC

HEX#AAA2DC

RGBrgb(170, 162, 220)

RGB (0–1)0.6667, 0.6353, 0.8627

RGB percentages66.7%, 63.5%, 86.3%

HSLhsl(248.3, 45.3%, 74.9%)

HSV / HSBhsv(248.3, 26.4%, 86.3%)

CMYK22.7%, 26.4%, 0%, 13.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer11,182,812

CSS custom property--colour: #AAA2DC;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.91:1

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

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

Greyscale equivalent#A8A8A8

Inverted#555D23

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#94AADEno red cones; affects about 1% of men; ΔE 10.5 from the original

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

Tritanopia#9FACB6no blue cones; rare, and affects men and women equally; ΔE 27.9 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Plum · ΔE 19.1 Thistle · ΔE 22.1 Light steelblue · ΔE 22.9 Cornflower blue · ΔE 22.9 Steel blue · ΔE 25.7 Light slate grey · ΔE 27.8

Nearest named CSS colourPlum (#DDA0DD)ΔE 19.06, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#D4DCA2

Analogous#A2B7DC, #C7A2DC

Triadic#DCAAA2, #A2DCAA

Split complementary#DCC7A2, #B7DCA2

Tetradic#DCA2B7, #D4DCA2, #A2DCC7

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#EEECF8

Lighter +10%#CCC7EA

Darker −10%#887DCE

Darker −20%#6658C0

Darker −30%#4D3FA6

Darker −40%#3C3181

More saturated +25%#9E92EC

Less saturated −25%#B6B2CC

Channel breakdown

R170

G162

B220

Red170 (66.7%)

Green162 (63.5%)

Blue220 (86.3%)

Hue248.28°

Saturation (HSL)45.31%

Lightness74.9%

Dominant channelBlue

Hex per channelR AA · G A2 · B DC

Keep nerding

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

#AAA2DC

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