#aaafff hex color

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

♥
- f
- t
- g
- R 67
- G 69
- B 100
RGB color chart
- C 33
- M 31
- Y 0
- K 0
CMYK color chart

● #aaafff color description : Pale blue.

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

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

CIE-LAB	73.82, 16.346, -40.145
XYZ	49.954, 46.425, 100.931
xyY	0.253, 0.235, 46.425
CIE-LCH	73.82, 43.345, 292.155
CIE-LUV	73.82, -7.082, -67.249
Hunter-Lab	68.136, 11.63, -40.132
Binary	10101010, 10101111, 11111111

#aaafff
```
#aaafff rgb(170,175,255)
```
#fffaaa
```
#fffaaa rgb(255,250,170)
```

Complementary Color

#aadaff
```
#aadaff rgb(170,218,255)
```
#aaafff
```
#aaafff rgb(170,175,255)
```
#d0aaff
```
#d0aaff rgb(208,170,255)
```

Analogous Color

#daffaa
```
#daffaa rgb(218,255,170)
```
#aaafff
```
#aaafff rgb(170,175,255)
```
#ffd0aa
```
#ffd0aa rgb(255,208,170)
```

Split Complementary Color

#afffaa
```
#afffaa rgb(175,255,170)
```
#aaafff
```
#aaafff rgb(170,175,255)
```
#ffaaaf
```
#ffaaaf rgb(255,170,175)
```

Triadic Color

#aafffa
```
#aafffa rgb(170,255,250)
```
#aaafff
```
#aaafff rgb(170,175,255)
```
#ffaaaf
```
#ffaaaf rgb(255,170,175)
```
#fffaaa
```
#fffaaa rgb(255,250,170)
```

Tetradic Color

#5e67ff
```
#5e67ff rgb(94,103,255)
```
#777fff
```
#777fff rgb(119,127,255)
```
#9197ff
```
#9197ff rgb(145,151,255)
```
#aaafff
```
#aaafff rgb(170,175,255)
```
#c4c7ff
```
#c4c7ff rgb(196,199,255)
```
#dddfff
```
#dddfff rgb(221,223,255)
```
#f7f7ff
```
#f7f7ff rgb(247,247,255)
```

Monochromatic Color

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

#aac4ff
```
#aac4ff rgb(170,196,255)
```
#aabdff
```
#aabdff rgb(170,189,255)
```
#aab6ff
```
#aab6ff rgb(170,182,255)
```
#aaafff
```
#aaafff rgb(170,175,255)
```
#acaaff
```
#acaaff rgb(172,170,255)
```
#b3aaff
```
#b3aaff rgb(179,170,255)
```
#baaaff
```
#baaaff rgb(186,170,255)
```

Similar Colors

Text with hexadecimal color #aaafff

This text has a font color of #aaafff.

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

#aaafff background color

This paragraph has a background color of #aaafff.

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

#aaafff border color

This element has a border color of #aaafff.

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

CSS codes

.text {color:#aaafff;}

.background {background-color:#aaafff;}

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

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, #00010d is the darkest color, while #f8f9ff is the lightest one.

#00010d
```
#00010d rgb(0,1,13)
```
#000221
```
#000221 rgb(0,2,33)
```
#000334
```
#000334 rgb(0,3,52)
```
#000448
```
#000448 rgb(0,4,72)
```
#00055c
```
#00055c rgb(0,5,92)
```
#00076f
```
#00076f rgb(0,7,111)
```
#000883
```
#000883 rgb(0,8,131)
```
#000996
```
#000996 rgb(0,9,150)
```
#000aaa
```
#000aaa rgb(0,10,170)
```
#000bbe
```
#000bbe rgb(0,11,190)
```
#000cd1
```
#000cd1 rgb(0,12,209)
```
#000de5
```
#000de5 rgb(0,13,229)
```
#000ff8
```
#000ff8 rgb(0,15,248)
```

Shade Color Variation

#0d1bff
```
#0d1bff rgb(13,27,255)
```
#212eff
```
#212eff rgb(33,46,255)
```
#3440ff
```
#3440ff rgb(52,64,255)
```
#4853ff
```
#4853ff rgb(72,83,255)
```
#5c65ff
```
#5c65ff rgb(92,101,255)
```
#6f78ff
```
#6f78ff rgb(111,120,255)
```
#838aff
```
#838aff rgb(131,138,255)
```
#969dff
```
#969dff rgb(150,157,255)
```
#aaafff
```
#aaafff rgb(170,175,255)
```
#bec1ff
```
#bec1ff rgb(190,193,255)
```
#d1d4ff
```
#d1d4ff rgb(209,212,255)
```
#e5e6ff
```
#e5e6ff rgb(229,230,255)
```
#f8f9ff
```
#f8f9ff rgb(248,249,255)
```

Tint Color Variation

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

#d1d2d8
```
#d1d2d8 rgb(209,210,216)
```
#cecfdb
```
#cecfdb rgb(206,207,219)
```
#cbccde
```
#cbccde rgb(203,204,222)
```
#c7c9e2
```
#c7c9e2 rgb(199,201,226)
```
#c4c6e5
```
#c4c6e5 rgb(196,198,229)
```
#c1c3e8
```
#c1c3e8 rgb(193,195,232)
```
#bec0eb
```
#bec0eb rgb(190,192,235)
```
#babdef
```
#babdef rgb(186,189,239)
```
#b7bbf2
```
#b7bbf2 rgb(183,187,242)
```
#b4b8f5
```
#b4b8f5 rgb(180,184,245)
```
#b1b5f8
```
#b1b5f8 rgb(177,181,248)
```
#adb2fc
```
#adb2fc rgb(173,178,252)
```
#aaafff
```
#aaafff rgb(170,175,255)
```

Tone Color Variation

Below, you can see how #aaafff 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

#b7b7b7 Achromatopsia 0.005% of the population
#b4b5c5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0b6ff Protanopia 1% of men
#9eb7fd Deuteranopia 1% of men
#a0bdcb Tritanopia 0.001% of the population

Trichromacy

#a4b3ff Protanomaly 1% of men, 0.01% of women
#a2b4fd Deuteranomaly 6% of men, 0.4% of women
#a3b8de Tritanomaly 0.01% of the population

#aaafff hex color

#aaafff Color Information

#aaafff Color Conversion

Color Schemes with #aaafff

Alternatives to #aaafff

#aaafff Preview

Shades and Tints of #aaafff

Tones of #aaafff

Color Blindness Simulator