#afaad5 hex color

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

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

● #afaad5 color description : Grayish blue.

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

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

CIE-LAB	71.329, 10.555, -21.106
XYZ	44.062, 42.667, 68.861
xyY	0.283, 0.274, 42.667
CIE-LCH	71.329, 23.599, 296.569
CIE-LUV	71.329, 0.042, -34.482
Hunter-Lab	65.32, 6.097, -16.78
Binary	10101111, 10101010, 11010101

#afaad5
```
#afaad5 rgb(175,170,213)
```
#d0d5aa
```
#d0d5aa rgb(208,213,170)
```

Complementary Color

#aabbd5
```
#aabbd5 rgb(170,187,213)
```
#afaad5
```
#afaad5 rgb(175,170,213)
```
#c5aad5
```
#c5aad5 rgb(197,170,213)
```

Analogous Color

#bbd5aa
```
#bbd5aa rgb(187,213,170)
```
#afaad5
```
#afaad5 rgb(175,170,213)
```
#d5c5aa
```
#d5c5aa rgb(213,197,170)
```

Split Complementary Color

#aad5af
```
#aad5af rgb(170,213,175)
```
#afaad5
```
#afaad5 rgb(175,170,213)
```
#d5afaa
```
#d5afaa rgb(213,175,170)
```

Triadic Color

#aad0d5
```
#aad0d5 rgb(170,208,213)
```
#afaad5
```
#afaad5 rgb(175,170,213)
```
#d5afaa
```
#d5afaa rgb(213,175,170)
```
#d0d5aa
```
#d0d5aa rgb(208,213,170)
```

Tetradic Color

#7f77bc
```
#7f77bc rgb(127,119,188)
```
#8f88c4
```
#8f88c4 rgb(143,136,196)
```
#9f99cd
```
#9f99cd rgb(159,153,205)
```
#afaad5
```
#afaad5 rgb(175,170,213)
```
#bfbbdd
```
#bfbbdd rgb(191,187,221)
```
#cfcce6
```
#cfcce6 rgb(207,204,230)
```
#dfddee
```
#dfddee rgb(223,221,238)
```

Monochromatic Color

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

#aab0d5
```
#aab0d5 rgb(170,176,213)
```
#aaacd5
```
#aaacd5 rgb(170,172,213)
```
#abaad5
```
#abaad5 rgb(171,170,213)
```
#afaad5
```
#afaad5 rgb(175,170,213)
```
#b3aad5
```
#b3aad5 rgb(179,170,213)
```
#b6aad5
```
#b6aad5 rgb(182,170,213)
```
#baaad5
```
#baaad5 rgb(186,170,213)
```

Similar Colors

Text with hexadecimal color #afaad5

This text has a font color of #afaad5.

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

#afaad5 background color

This paragraph has a background color of #afaad5.

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

#afaad5 border color

This element has a border color of #afaad5.

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

CSS codes

.text {color:#afaad5;}

.background {background-color:#afaad5;}

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

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

#040307
```
#040307 rgb(4,3,7)
```
#0b0a14
```
#0b0a14 rgb(11,10,20)
```
#121021
```
#121021 rgb(18,16,33)
```
#1a172e
```
#1a172e rgb(26,23,46)
```
#211d3b
```
#211d3b rgb(33,29,59)
```
#282449
```
#282449 rgb(40,36,73)
```
#2f2a56
```
#2f2a56 rgb(47,42,86)
```
#373163
```
#373163 rgb(55,49,99)
```
#3e3770
```
#3e3770 rgb(62,55,112)
```
#453e7d
```
#453e7d rgb(69,62,125)
```
#4c448a
```
#4c448a rgb(76,68,138)
```
#544b97
```
#544b97 rgb(84,75,151)
```
#5b51a4
```
#5b51a4 rgb(91,81,164)
```

Shade Color Variation

#655bae
```
#655bae rgb(101,91,174)
```
#7168b5
```
#7168b5 rgb(113,104,181)
```
#7e75bb
```
#7e75bb rgb(126,117,187)
```
#8a83c2
```
#8a83c2 rgb(138,131,194)
```
#9690c8
```
#9690c8 rgb(150,144,200)
```
#a39dcf
```
#a39dcf rgb(163,157,207)
```
#afaad5
```
#afaad5 rgb(175,170,213)
```
#bbb7db
```
#bbb7db rgb(187,183,219)
```
#c8c4e2
```
#c8c4e2 rgb(200,196,226)
```
#d4d1e8
```
#d4d1e8 rgb(212,209,232)
```
#e0dfef
```
#e0dfef rgb(224,223,239)
```
#edecf5
```
#edecf5 rgb(237,236,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 #9183fc is the most saturated one.

#bebec1
```
#bebec1 rgb(190,190,193)
```
#bab9c6
```
#bab9c6 rgb(186,185,198)
```
#b6b4cb
```
#b6b4cb rgb(182,180,203)
```
#b3afd0
```
#b3afd0 rgb(179,175,208)
```
#afaad5
```
#afaad5 rgb(175,170,213)
```
#aba5da
```
#aba5da rgb(171,165,218)
```
#a8a0df
```
#a8a0df rgb(168,160,223)
```
#a49be4
```
#a49be4 rgb(164,155,228)
```
#a096e9
```
#a096e9 rgb(160,150,233)
```
#9c92ed
```
#9c92ed rgb(156,146,237)
```
#998df2
```
#998df2 rgb(153,141,242)
```
#9588f7
```
#9588f7 rgb(149,136,247)
```
#9183fc
```
#9183fc rgb(145,131,252)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b0afb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8b1d8 Protanopia 1% of men
#b0afd6 Deuteranopia 1% of men
#aeb2bf Tritanopia 0.001% of the population

Trichromacy

#abaed7 Protanomaly 1% of men, 0.01% of women
#afadd6 Deuteranomaly 6% of men, 0.4% of women
#aeafc7 Tritanomaly 0.01% of the population

#afaad5 hex color

#afaad5 Color Information

#afaad5 Color Conversion

Color Schemes with #afaad5

Alternatives to #afaad5

#afaad5 Preview

Shades and Tints of #afaad5

Tones of #afaad5

Color Blindness Simulator