#aaafd5 hex color

In a RGB color space, hex #aaafd5 is composed of 66.7% red, 68.6% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 17.8% magenta, 0% yellow and 16.5% black. It has a hue angle of 233 degrees, a saturation of 33.9% and a lightness of 75.1%. #aaafd5 color hex could be obtained by blending #ffffff with #555fab. Closest websafe color is: #9999cc.

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

● #aaafd5 color description : Grayish blue.

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

Hex triplet	aaafd5	`#aaafd5`
RGB Decimal	170, 175, 213	`rgb(170,175,213)`
RGB Percent	66.7, 68.6, 83.5	`rgb(66.7%,68.6%,83.5%)`
CMYK	20, 18, 0, 16
HSL	233°, 33.9, 75.1	`hsl(233,33.9%,75.1%)`
HSV (or HSB)	233°, 20.2, 83.5
Web Safe	9999cc	`#9999cc`

CIE-LAB	72.235, 6.219, -19.765
XYZ	43.915, 44.01, 69.128
xyY	0.28, 0.28, 44.01
CIE-LCH	72.235, 20.72, 287.465
CIE-LUV	72.235, -4.799, -31.708
Hunter-Lab	66.34, 2.069, -15.344
Binary	10101010, 10101111, 11010101

#aaafd5
```
#aaafd5 rgb(170,175,213)
```
#d5d0aa
```
#d5d0aa rgb(213,208,170)
```

Complementary Color

#aac5d5
```
#aac5d5 rgb(170,197,213)
```
#aaafd5
```
#aaafd5 rgb(170,175,213)
```
#bbaad5
```
#bbaad5 rgb(187,170,213)
```

Analogous Color

#c5d5aa
```
#c5d5aa rgb(197,213,170)
```
#aaafd5
```
#aaafd5 rgb(170,175,213)
```
#d5bbaa
```
#d5bbaa rgb(213,187,170)
```

Split Complementary Color

#afd5aa
```
#afd5aa rgb(175,213,170)
```
#aaafd5
```
#aaafd5 rgb(170,175,213)
```
#d5aaaf
```
#d5aaaf rgb(213,170,175)
```

Triadic Color

#aad5d0
```
#aad5d0 rgb(170,213,208)
```
#aaafd5
```
#aaafd5 rgb(170,175,213)
```
#d5aaaf
```
#d5aaaf rgb(213,170,175)
```
#d5d0aa
```
#d5d0aa rgb(213,208,170)
```

Tetradic Color

#777fbc
```
#777fbc rgb(119,127,188)
```
#888fc4
```
#888fc4 rgb(136,143,196)
```
#999fcd
```
#999fcd rgb(153,159,205)
```
#aaafd5
```
#aaafd5 rgb(170,175,213)
```
#bbbfdd
```
#bbbfdd rgb(187,191,221)
```
#cccfe6
```
#cccfe6 rgb(204,207,230)
```
#dddfee
```
#dddfee rgb(221,223,238)
```

Monochromatic Color

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

#aabad5
```
#aabad5 rgb(170,186,213)
```
#aab6d5
```
#aab6d5 rgb(170,182,213)
```
#aab3d5
```
#aab3d5 rgb(170,179,213)
```
#aaafd5
```
#aaafd5 rgb(170,175,213)
```
#aaabd5
```
#aaabd5 rgb(170,171,213)
```
#acaad5
```
#acaad5 rgb(172,170,213)
```
#b0aad5
```
#b0aad5 rgb(176,170,213)
```

Similar Colors

Text with hexadecimal color #aaafd5

This text has a font color of #aaafd5.

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

#aaafd5 background color

This paragraph has a background color of #aaafd5.

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

#aaafd5 border color

This element has a border color of #aaafd5.

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

CSS codes

.text {color:#aaafd5;}

.background {background-color:#aaafd5;}

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

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

#030407
```
#030407 rgb(3,4,7)
```
#0a0b14
```
#0a0b14 rgb(10,11,20)
```
#101221
```
#101221 rgb(16,18,33)
```
#171a2e
```
#171a2e rgb(23,26,46)
```
#1d213b
```
#1d213b rgb(29,33,59)
```
#242849
```
#242849 rgb(36,40,73)
```
#2a2f56
```
#2a2f56 rgb(42,47,86)
```
#313763
```
#313763 rgb(49,55,99)
```
#373e70
```
#373e70 rgb(55,62,112)
```
#3e457d
```
#3e457d rgb(62,69,125)
```
#444c8a
```
#444c8a rgb(68,76,138)
```
#4b5497
```
#4b5497 rgb(75,84,151)
```
#515ba4
```
#515ba4 rgb(81,91,164)
```

Shade Color Variation

#5b65ae
```
#5b65ae rgb(91,101,174)
```
#6871b5
```
#6871b5 rgb(104,113,181)
```
#757ebb
```
#757ebb rgb(117,126,187)
```
#838ac2
```
#838ac2 rgb(131,138,194)
```
#9096c8
```
#9096c8 rgb(144,150,200)
```
#9da3cf
```
#9da3cf rgb(157,163,207)
```
#aaafd5
```
#aaafd5 rgb(170,175,213)
```
#b7bbdb
```
#b7bbdb rgb(183,187,219)
```
#c4c8e2
```
#c4c8e2 rgb(196,200,226)
```
#d1d4e8
```
#d1d4e8 rgb(209,212,232)
```
#dfe0ef
```
#dfe0ef rgb(223,224,239)
```
#ecedf5
```
#ecedf5 rgb(236,237,245)
```
#f9f9fc
```
#f9f9fc rgb(249,249,252)
```

Tint Color Variation

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

#bebec1
```
#bebec1 rgb(190,190,193)
```
#b9bac6
```
#b9bac6 rgb(185,186,198)
```
#b4b6cb
```
#b4b6cb rgb(180,182,203)
```
#afb3d0
```
#afb3d0 rgb(175,179,208)
```
#aaafd5
```
#aaafd5 rgb(170,175,213)
```
#a5abda
```
#a5abda rgb(165,171,218)
```
#a0a8df
```
#a0a8df rgb(160,168,223)
```
#9ba4e4
```
#9ba4e4 rgb(155,164,228)
```
#96a0e9
```
#96a0e9 rgb(150,160,233)
```
#929ced
```
#929ced rgb(146,156,237)
```
#8d99f2
```
#8d99f2 rgb(141,153,242)
```
#8895f7
```
#8895f7 rgb(136,149,247)
```
#8391fc
```
#8391fc rgb(131,145,252)
```

Tone Color Variation

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

#acb3d7 Protanopia 1% of men
#b3b1d7 Deuteranopia 1% of men
#aab6c3 Tritanopia 0.001% of the population

Trichromacy

#abb1d6 Protanomaly 1% of men, 0.01% of women
#b0b0d6 Deuteranomaly 6% of men, 0.4% of women
#aab3ca Tritanomaly 0.01% of the population

#aaafd5 hex color

#aaafd5 Color Information

#aaafd5 Color Conversion

Color Schemes with #aaafd5

Alternatives to #aaafd5

#aaafd5 Preview

Shades and Tints of #aaafd5

Tones of #aaafd5

Color Blindness Simulator