#aaafd0 hex color

In a RGB color space, hex #aaafd0 is composed of 66.7% red, 68.6% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 18.3% cyan, 15.9% magenta, 0% yellow and 18.4% black. It has a hue angle of 232.1 degrees, a saturation of 28.8% and a lightness of 74.1%. #aaafd0 color hex could be obtained by blending #ffffff with #555fa1. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 67
- G 69
- B 82
RGB color chart
- C 18
- M 16
- Y 0
- K 18
CMYK color chart

● #aaafd0 color description : Grayish blue.

The hexadecimal color #aaafd0 has RGB values of R:170, G:175, B:208 and CMYK values of C:0.18, M:0.16, Y:0, K:0.18. Its decimal value is 11186128.

Hex triplet	aaafd0	`#aaafd0`
RGB Decimal	170, 175, 208	`rgb(170,175,208)`
RGB Percent	66.7, 68.6, 81.6	`rgb(66.7%,68.6%,81.6%)`
CMYK	18, 16, 0, 18
HSL	232.1°, 28.8, 74.1	`hsl(232.1,28.8%,74.1%)`
HSV (or HSB)	232.1°, 18.3, 81.6
Web Safe	9999cc	`#9999cc`

CIE-LAB	72.068, 5.098, -17.281
XYZ	43.29, 43.76, 65.837
xyY	0.283, 0.286, 43.76
CIE-LCH	72.068, 18.017, 286.436
CIE-LUV	72.068, -4.531, -27.518
Hunter-Lab	66.151, 1.049, -12.703
Binary	10101010, 10101111, 11010000

#aaafd0
```
#aaafd0 rgb(170,175,208)
```
#d0cbaa
```
#d0cbaa rgb(208,203,170)
```

Complementary Color

#aac2d0
```
#aac2d0 rgb(170,194,208)
```
#aaafd0
```
#aaafd0 rgb(170,175,208)
```
#b8aad0
```
#b8aad0 rgb(184,170,208)
```

Analogous Color

#c2d0aa
```
#c2d0aa rgb(194,208,170)
```
#aaafd0
```
#aaafd0 rgb(170,175,208)
```
#d0b8aa
```
#d0b8aa rgb(208,184,170)
```

Split Complementary Color

#afd0aa
```
#afd0aa rgb(175,208,170)
```
#aaafd0
```
#aaafd0 rgb(170,175,208)
```
#d0aaaf
```
#d0aaaf rgb(208,170,175)
```

Triadic Color

#aad0cb
```
#aad0cb rgb(170,208,203)
```
#aaafd0
```
#aaafd0 rgb(170,175,208)
```
#d0aaaf
```
#d0aaaf rgb(208,170,175)
```
#d0cbaa
```
#d0cbaa rgb(208,203,170)
```

Tetradic Color

#7981b5
```
#7981b5 rgb(121,129,181)
```
#8990be
```
#8990be rgb(137,144,190)
```
#9aa0c7
```
#9aa0c7 rgb(154,160,199)
```
#aaafd0
```
#aaafd0 rgb(170,175,208)
```
#babed9
```
#babed9 rgb(186,190,217)
```
#cbcee2
```
#cbcee2 rgb(203,206,226)
```
#dbddeb
```
#dbddeb rgb(219,221,235)
```

Monochromatic Color

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

#aab9d0
```
#aab9d0 rgb(170,185,208)
```
#aab5d0
```
#aab5d0 rgb(170,181,208)
```
#aab2d0
```
#aab2d0 rgb(170,178,208)
```
#aaafd0
```
#aaafd0 rgb(170,175,208)
```
#aaacd0
```
#aaacd0 rgb(170,172,208)
```
#abaad0
```
#abaad0 rgb(171,170,208)
```
#afaad0
```
#afaad0 rgb(175,170,208)
```

Similar Colors

Text with hexadecimal color #aaafd0

This text has a font color of #aaafd0.

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

#aaafd0 background color

This paragraph has a background color of #aaafd0.

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

#aaafd0 border color

This element has a border color of #aaafd0.

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

CSS codes

.text {color:#aaafd0;}

.background {background-color:#aaafd0;}

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

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, #020203 is the darkest color, while #f6f6fa is the lightest one.

#020203
```
#020203 rgb(2,2,3)
```
#090a10
```
#090a10 rgb(9,10,16)
```
#10121d
```
#10121d rgb(16,18,29)
```
#171929
```
#171929 rgb(23,25,41)
```
#1e2136
```
#1e2136 rgb(30,33,54)
```
#252943
```
#252943 rgb(37,41,67)
```
#2c304f
```
#2c304f rgb(44,48,79)
```
#33385c
```
#33385c rgb(51,56,92)
```
#3a4068
```
#3a4068 rgb(58,64,104)
```
#414875
```
#414875 rgb(65,72,117)
```
#484f82
```
#484f82 rgb(72,79,130)
```
#4f578e
```
#4f578e rgb(79,87,142)
```
#565f9b
```
#565f9b rgb(86,95,155)
```

Shade Color Variation

#5e68a6
```
#5e68a6 rgb(94,104,166)
```
#6b74ad
```
#6b74ad rgb(107,116,173)
```
#777fb4
```
#777fb4 rgb(119,127,180)
```
#848bbb
```
#848bbb rgb(132,139,187)
```
#9197c2
```
#9197c2 rgb(145,151,194)
```
#9da3c9
```
#9da3c9 rgb(157,163,201)
```
#aaafd0
```
#aaafd0 rgb(170,175,208)
```
#b7bbd7
```
#b7bbd7 rgb(183,187,215)
```
#c3c7de
```
#c3c7de rgb(195,199,222)
```
#d0d3e5
```
#d0d3e5 rgb(208,211,229)
```
#dddfec
```
#dddfec rgb(221,223,236)
```
#e9eaf3
```
#e9eaf3 rgb(233,234,243)
```
#f6f6fa
```
#f6f6fa rgb(246,246,250)
```

Tint Color Variation

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

#b9bac1
```
#b9bac1 rgb(185,186,193)
```
#b4b6c6
```
#b4b6c6 rgb(180,182,198)
```
#afb3cb
```
#afb3cb rgb(175,179,203)
```
#aaafd0
```
#aaafd0 rgb(170,175,208)
```
#a5abd5
```
#a5abd5 rgb(165,171,213)
```
#a0a8da
```
#a0a8da rgb(160,168,218)
```
#9ba4df
```
#9ba4df rgb(155,164,223)
```
#96a0e4
```
#96a0e4 rgb(150,160,228)
```
#919ce9
```
#919ce9 rgb(145,156,233)
```
#8c99ee
```
#8c99ee rgb(140,153,238)
```
#8695f4
```
#8695f4 rgb(134,149,244)
```
#8191f9
```
#8191f9 rgb(129,145,249)
```
#7c8dfe
```
#7c8dfe rgb(124,141,254)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b0b1b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb3d2 Protanopia 1% of men
#b5b0d3 Deuteranopia 1% of men
#abb5c2 Tritanopia 0.001% of the population

Trichromacy

#acb1d1 Protanomaly 1% of men, 0.01% of women
#b1b0d2 Deuteranomaly 6% of men, 0.4% of women
#aab3c7 Tritanomaly 0.01% of the population

#aaafd0 hex color

#aaafd0 Color Information

#aaafd0 Color Conversion

Color Schemes with #aaafd0

Alternatives to #aaafd0

#aaafd0 Preview

Shades and Tints of #aaafd0

Tones of #aaafd0

Color Blindness Simulator