colorhexa.com

#aaaaff hex color

In a RGB color space, hex #aaaaff is composed of 66.7% red, 66.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 33.3% magenta, 0% yellow and 0% black. It has a hue angle of 240 degrees, a saturation of 100% and a lightness of 83.3%. #aaaaff color hex could be obtained by blending #ffffff with #5555ff. Closest websafe color is: #9999ff.

- R 67
- G 67
- B 100
RGB color chart
- C 33
- M 33
- Y 0
- K 0
CMYK color chart

● #aaaaff color description : Pale blue.

The hexadecimal color #aaaaff has RGB values of R:170, G:170, B:255 and CMYK values of C:0.33, M:0.33, Y:0, K:0. Its decimal value is 11184895.

Hex triplet	aaaaff	`#aaaaff`
RGB Decimal	170, 170, 255	`rgb(170,170,255)`
RGB Percent	66.7, 66.7, 100	`rgb(66.7%,66.7%,100%)`
CMYK	33, 33, 0, 0
HSL	240°, 100, 83.3	`hsl(240,100%,83.3%)`
HSV (or HSB)	240°, 33.3, 100
Web Safe	9999ff	`#9999ff`

CIE-LAB	72.571, 19.143, -42.094
XYZ	48.999, 44.515, 100.613
xyY	0.252, 0.229, 44.515
CIE-LCH	72.571, 46.242, 294.455
CIE-LUV	72.571, -5.109, -70.76
Hunter-Lab	66.719, 14.332, -42.706
Binary	10101010, 10101010, 11111111

#aaaaff
```
#aaaaff rgb(170,170,255)
```
#ffffaa
```
#ffffaa rgb(255,255,170)
```

Complementary Color

#aad5ff
```
#aad5ff rgb(170,213,255)
```
#aaaaff
```
#aaaaff rgb(170,170,255)
```
#d5aaff
```
#d5aaff rgb(213,170,255)
```

Analogous Color

#d5ffaa
```
#d5ffaa rgb(213,255,170)
```
#aaaaff
```
#aaaaff rgb(170,170,255)
```
#ffd5aa
```
#ffd5aa rgb(255,213,170)
```

Split Complementary Color

#aaffaa
```
#aaffaa rgb(170,255,170)
```
#aaaaff
```
#aaaaff rgb(170,170,255)
```
#ffaaaa
```
#ffaaaa rgb(255,170,170)
```

Triadic Color

#aaffff
```
#aaffff rgb(170,255,255)
```
#aaaaff
```
#aaaaff rgb(170,170,255)
```
#ffaaaa
```
#ffaaaa rgb(255,170,170)
```
#ffffaa
```
#ffffaa rgb(255,255,170)
```

Tetradic Color

#5e5eff
```
#5e5eff rgb(94,94,255)
```
#7777ff
```
#7777ff rgb(119,119,255)
```
#9191ff
```
#9191ff rgb(145,145,255)
```
#aaaaff
```
#aaaaff rgb(170,170,255)
```
#c4c4ff
```
#c4c4ff rgb(196,196,255)
```
#ddddff
```
#ddddff rgb(221,221,255)
```
#f7f7ff
```
#f7f7ff rgb(247,247,255)
```

Monochromatic Color

Below, you can see some colors close to #aaaaff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#aabfff
```
#aabfff rgb(170,191,255)
```
#aab8ff
```
#aab8ff rgb(170,184,255)
```
#aab1ff
```
#aab1ff rgb(170,177,255)
```
#aaaaff
```
#aaaaff rgb(170,170,255)
```
#b1aaff
```
#b1aaff rgb(177,170,255)
```
#b8aaff
```
#b8aaff rgb(184,170,255)
```
#bfaaff
```
#bfaaff rgb(191,170,255)
```

Similar Colors

Text with hexadecimal color #aaaaff

This text has a font color of #aaaaff.

<span style="color:#aaaaff;">Text here</span>

#aaaaff background color

This paragraph has a background color of #aaaaff.

<p style="background-color:#aaaaff;">Content here</p>

#aaaaff border color

This element has a border color of #aaaaff.

<div style="border:1px solid #aaaaff;">Content here</div>

CSS codes

.text {color:#aaaaff;}

.background {background-color:#aaaaff;}

.border {border:1px solid #aaaaff;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #00000d is the darkest color, while #f8f8ff is the lightest one.

#00000d
```
#00000d rgb(0,0,13)
```
#000021
```
#000021 rgb(0,0,33)
```
#000034
```
#000034 rgb(0,0,52)
```
#000048
```
#000048 rgb(0,0,72)
```
#00005c
```
#00005c rgb(0,0,92)
```
#00006f
```
#00006f rgb(0,0,111)
```
#000083
```
#000083 rgb(0,0,131)
```
#000096
```
#000096 rgb(0,0,150)
```
#0000aa
```
#0000aa rgb(0,0,170)
```
#0000be
```
#0000be rgb(0,0,190)
```
#0000d1
```
#0000d1 rgb(0,0,209)
```
#0000e5
```
#0000e5 rgb(0,0,229)
```
#0000f8
```
#0000f8 rgb(0,0,248)
```

Shade Color Variation

#0d0dff
```
#0d0dff rgb(13,13,255)
```
#2121ff
```
#2121ff rgb(33,33,255)
```
#3434ff
```
#3434ff rgb(52,52,255)
```
#4848ff
```
#4848ff rgb(72,72,255)
```
#5c5cff
```
#5c5cff rgb(92,92,255)
```
#6f6fff
```
#6f6fff rgb(111,111,255)
```
#8383ff
```
#8383ff rgb(131,131,255)
```
#9696ff
```
#9696ff rgb(150,150,255)
```
#aaaaff
```
#aaaaff rgb(170,170,255)
```
#bebeff
```
#bebeff rgb(190,190,255)
```
#d1d1ff
```
#d1d1ff rgb(209,209,255)
```
#e5e5ff
```
#e5e5ff rgb(229,229,255)
```
#f8f8ff
```
#f8f8ff rgb(248,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #d1d1d8 is the less saturated color, while #aaaaff is the most saturated one.

#d1d1d8
```
#d1d1d8 rgb(209,209,216)
```
#cecedb
```
#cecedb rgb(206,206,219)
```
#cbcbde
```
#cbcbde rgb(203,203,222)
```
#c7c7e2
```
#c7c7e2 rgb(199,199,226)
```
#c4c4e5
```
#c4c4e5 rgb(196,196,229)
```
#c1c1e8
```
#c1c1e8 rgb(193,193,232)
```
#bebeeb
```
#bebeeb rgb(190,190,235)
```
#babaef
```
#babaef rgb(186,186,239)
```
#b7b7f2
```
#b7b7f2 rgb(183,183,242)
```
#b4b4f5
```
#b4b4f5 rgb(180,180,245)
```
#b1b1f8
```
#b1b1f8 rgb(177,177,248)
```
#adadfc
```
#adadfc rgb(173,173,252)
```
#aaaaff
```
#aaaaff rgb(170,170,255)
```

Tone Color Variation

Below, you can see how #aaaaff is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#b4b4b4 Achromatopsia 0.005% of the population
#b2b2c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9bb3ff Protanopia 1% of men
#98b4fc Deuteranopia 1% of men
#9fbac7 Tritanopia 0.001% of the population

Trichromacy

#a0b0ff Protanomaly 1% of men, 0.01% of women
#9eb0fd Deuteranomaly 6% of men, 0.4% of women
#a3b4db Tritanomaly 0.01% of the population