#aaafd4 hex color

In a RGB color space, hex #aaafd4 is composed of 66.7% red, 68.6% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 19.8% cyan, 17.5% magenta, 0% yellow and 16.9% black. It has a hue angle of 232.9 degrees, a saturation of 32.8% and a lightness of 74.9%. #aaafd4 color hex could be obtained by blending #ffffff with #555fa9. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 67
- G 69
- B 83
RGB color chart
- C 20
- M 17
- Y 0
- K 17
CMYK color chart

● #aaafd4 color description : Grayish blue.

The hexadecimal color #aaafd4 has RGB values of R:170, G:175, B:212 and CMYK values of C:0.2, M:0.17, Y:0, K:0.17. Its decimal value is 11186132.

Hex triplet	aaafd4	`#aaafd4`
RGB Decimal	170, 175, 212	`rgb(170,175,212)`
RGB Percent	66.7, 68.6, 83.1	`rgb(66.7%,68.6%,83.1%)`
CMYK	20, 17, 0, 17
HSL	232.9°, 32.8, 74.9	`hsl(232.9,32.8%,74.9%)`
HSV (or HSB)	232.9°, 19.8, 83.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	72.201, 5.993, -19.269
XYZ	43.789, 43.959, 68.462
xyY	0.28, 0.281, 43.959
CIE-LCH	72.201, 20.18, 287.276
CIE-LUV	72.201, -4.745, -30.869
Hunter-Lab	66.302, 1.863, -14.811
Binary	10101010, 10101111, 11010100

#aaafd4
```
#aaafd4 rgb(170,175,212)
```
#d4cfaa
```
#d4cfaa rgb(212,207,170)
```

Complementary Color

#aac4d4
```
#aac4d4 rgb(170,196,212)
```
#aaafd4
```
#aaafd4 rgb(170,175,212)
```
#baaad4
```
#baaad4 rgb(186,170,212)
```

Analogous Color

#c4d4aa
```
#c4d4aa rgb(196,212,170)
```
#aaafd4
```
#aaafd4 rgb(170,175,212)
```
#d4baaa
```
#d4baaa rgb(212,186,170)
```

Split Complementary Color

#afd4aa
```
#afd4aa rgb(175,212,170)
```
#aaafd4
```
#aaafd4 rgb(170,175,212)
```
#d4aaaf
```
#d4aaaf rgb(212,170,175)
```

Triadic Color

#aad4cf
```
#aad4cf rgb(170,212,207)
```
#aaafd4
```
#aaafd4 rgb(170,175,212)
```
#d4aaaf
```
#d4aaaf rgb(212,170,175)
```
#d4cfaa
```
#d4cfaa rgb(212,207,170)
```

Tetradic Color

#777fba
```
#777fba rgb(119,127,186)
```
#888fc3
```
#888fc3 rgb(136,143,195)
```
#999fcb
```
#999fcb rgb(153,159,203)
```
#aaafd4
```
#aaafd4 rgb(170,175,212)
```
#bbbfdd
```
#bbbfdd rgb(187,191,221)
```
#cccfe5
```
#cccfe5 rgb(204,207,229)
```
#dddfee
```
#dddfee rgb(221,223,238)
```

Monochromatic Color

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

#aabad4
```
#aabad4 rgb(170,186,212)
```
#aab6d4
```
#aab6d4 rgb(170,182,212)
```
#aab3d4
```
#aab3d4 rgb(170,179,212)
```
#aaafd4
```
#aaafd4 rgb(170,175,212)
```
#aaacd4
```
#aaacd4 rgb(170,172,212)
```
#acaad4
```
#acaad4 rgb(172,170,212)
```
#b0aad4
```
#b0aad4 rgb(176,170,212)
```

Similar Colors

Text with hexadecimal color #aaafd4

This text has a font color of #aaafd4.

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

#aaafd4 background color

This paragraph has a background color of #aaafd4.

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

#aaafd4 border color

This element has a border color of #aaafd4.

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

CSS codes

.text {color:#aaafd4;}

.background {background-color:#aaafd4;}

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

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

#030306
```
#030306 rgb(3,3,6)
```
#0a0b13
```
#0a0b13 rgb(10,11,19)
```
#101220
```
#101220 rgb(16,18,32)
```
#171a2d
```
#171a2d rgb(23,26,45)
```
#1d213a
```
#1d213a rgb(29,33,58)
```
#242847
```
#242847 rgb(36,40,71)
```
#2b3054
```
#2b3054 rgb(43,48,84)
```
#313761
```
#313761 rgb(49,55,97)
```
#383e6e
```
#383e6e rgb(56,62,110)
```
#3e467b
```
#3e467b rgb(62,70,123)
```
#454d88
```
#454d88 rgb(69,77,136)
```
#4c5495
```
#4c5495 rgb(76,84,149)
```
#525ca2
```
#525ca2 rgb(82,92,162)
```

Shade Color Variation

#5c65ac
```
#5c65ac rgb(92,101,172)
```
#6972b3
```
#6972b3 rgb(105,114,179)
```
#767eba
```
#767eba rgb(118,126,186)
```
#838ac0
```
#838ac0 rgb(131,138,192)
```
#9096c7
```
#9096c7 rgb(144,150,199)
```
#9da3cd
```
#9da3cd rgb(157,163,205)
```
#aaafd4
```
#aaafd4 rgb(170,175,212)
```
#b7bbdb
```
#b7bbdb rgb(183,187,219)
```
#c4c8e1
```
#c4c8e1 rgb(196,200,225)
```
#d1d4e8
```
#d1d4e8 rgb(209,212,232)
```
#dee0ee
```
#dee0ee rgb(222,224,238)
```
#ebecf5
```
#ebecf5 rgb(235,236,245)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

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

#bebec0
```
#bebec0 rgb(190,190,192)
```
#b9bac5
```
#b9bac5 rgb(185,186,197)
```
#b4b7ca
```
#b4b7ca rgb(180,183,202)
```
#afb3cf
```
#afb3cf rgb(175,179,207)
```
#aaafd4
```
#aaafd4 rgb(170,175,212)
```
#a5abd9
```
#a5abd9 rgb(165,171,217)
```
#a0a7de
```
#a0a7de rgb(160,167,222)
```
#9ba4e3
```
#9ba4e3 rgb(155,164,227)
```
#96a0e8
```
#96a0e8 rgb(150,160,232)
```
#919ced
```
#919ced rgb(145,156,237)
```
#8c98f2
```
#8c98f2 rgb(140,152,242)
```
#8895f6
```
#8895f6 rgb(136,149,246)
```
#8391fb
```
#8391fb rgb(131,145,251)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b0b1b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adb3d6 Protanopia 1% of men
#b4b1d6 Deuteranopia 1% of men
#aab6c3 Tritanopia 0.001% of the population

Trichromacy

#abb1d5 Protanomaly 1% of men, 0.01% of women
#b0b0d5 Deuteranomaly 6% of men, 0.4% of women
#aab3c9 Tritanomaly 0.01% of the population

#aaafd4 hex color

#aaafd4 Color Information

#aaafd4 Color Conversion

Color Schemes with #aaafd4

Alternatives to #aaafd4

#aaafd4 Preview

Shades and Tints of #aaafd4

Tones of #aaafd4

Color Blindness Simulator