#afa1d4 hex color

In a RGB color space, hex #afa1d4 is composed of 68.6% red, 63.1% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 24.1% magenta, 0% yellow and 16.9% black. It has a hue angle of 256.5 degrees, a saturation of 37.2% and a lightness of 73.1%. #afa1d4 color hex could be obtained by blending #ffffff with #5f43a9. Closest websafe color is: #9999cc.

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

● #afa1d4 color description : Grayish violet.

The hexadecimal color #afa1d4 has RGB values of R:175, G:161, B:212 and CMYK values of C:0.17, M:0.24, Y:0, K:0.17. Its decimal value is 11510228.

Hex triplet	afa1d4	`#afa1d4`
RGB Decimal	175, 161, 212	`rgb(175,161,212)`
RGB Percent	68.6, 63.1, 83.1	`rgb(68.6%,63.1%,83.1%)`
CMYK	17, 24, 0, 17
HSL	256.5°, 37.2, 73.1	`hsl(256.5,37.2%,73.1%)`
HSV (or HSB)	256.5°, 24.1, 83.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.009, 15.341, -24.094
XYZ	42.306, 39.357, 67.652
xyY	0.283, 0.264, 39.357
CIE-LCH	69.009, 28.563, 302.485
CIE-LUV	69.009, 4.192, -39.869
Hunter-Lab	62.735, 10.585, -20.022
Binary	10101111, 10100001, 11010100

#afa1d4
```
#afa1d4 rgb(175,161,212)
```
#c6d4a1
```
#c6d4a1 rgb(198,212,161)
```

Complementary Color

#a1add4
```
#a1add4 rgb(161,173,212)
```
#afa1d4
```
#afa1d4 rgb(175,161,212)
```
#c9a1d4
```
#c9a1d4 rgb(201,161,212)
```

Analogous Color

#add4a1
```
#add4a1 rgb(173,212,161)
```
#afa1d4
```
#afa1d4 rgb(175,161,212)
```
#d4c9a1
```
#d4c9a1 rgb(212,201,161)
```

Split Complementary Color

#a1d4af
```
#a1d4af rgb(161,212,175)
```
#afa1d4
```
#afa1d4 rgb(175,161,212)
```
#d4afa1
```
#d4afa1 rgb(212,175,161)
```

Triadic Color

#a1c6d4
```
#a1c6d4 rgb(161,198,212)
```
#afa1d4
```
#afa1d4 rgb(175,161,212)
```
#d4afa1
```
#d4afa1 rgb(212,175,161)
```
#c6d4a1
```
#c6d4a1 rgb(198,212,161)
```

Tetradic Color

#826dbc
```
#826dbc rgb(130,109,188)
```
#917ec4
```
#917ec4 rgb(145,126,196)
```
#a090cc
```
#a090cc rgb(160,144,204)
```
#afa1d4
```
#afa1d4 rgb(175,161,212)
```
#beb2dc
```
#beb2dc rgb(190,178,220)
```
#cdc4e4
```
#cdc4e4 rgb(205,196,228)
```
#dcd5ec
```
#dcd5ec rgb(220,213,236)
```

Monochromatic Color

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

#a2a1d4
```
#a2a1d4 rgb(162,161,212)
```
#a7a1d4
```
#a7a1d4 rgb(167,161,212)
```
#aba1d4
```
#aba1d4 rgb(171,161,212)
```
#afa1d4
```
#afa1d4 rgb(175,161,212)
```
#b3a1d4
```
#b3a1d4 rgb(179,161,212)
```
#b8a1d4
```
#b8a1d4 rgb(184,161,212)
```
#bca1d4
```
#bca1d4 rgb(188,161,212)
```

Similar Colors

Text with hexadecimal color #afa1d4

This text has a font color of #afa1d4.

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

#afa1d4 background color

This paragraph has a background color of #afa1d4.

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

#afa1d4 border color

This element has a border color of #afa1d4.

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

CSS codes

.text {color:#afa1d4;}

.background {background-color:#afa1d4;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#08060e
```
#08060e rgb(8,6,14)
```
#100c1b
```
#100c1b rgb(16,12,27)
```
#191329
```
#191329 rgb(25,19,41)
```
#211936
```
#211936 rgb(33,25,54)
```
#291f44
```
#291f44 rgb(41,31,68)
```
#312551
```
#312551 rgb(49,37,81)
```
#392b5e
```
#392b5e rgb(57,43,94)
```
#41316c
```
#41316c rgb(65,49,108)
```
#4a3879
```
#4a3879 rgb(74,56,121)
```
#523e87
```
#523e87 rgb(82,62,135)
```
#5a4494
```
#5a4494 rgb(90,68,148)
```
#624aa2
```
#624aa2 rgb(98,74,162)
```

Shade Color Variation

#6a50af
```
#6a50af rgb(106,80,175)
```
#765eb5
```
#765eb5 rgb(118,94,181)
```
#816bbb
```
#816bbb rgb(129,107,187)
```
#8d79c2
```
#8d79c2 rgb(141,121,194)
```
#9886c8
```
#9886c8 rgb(152,134,200)
```
#a494ce
```
#a494ce rgb(164,148,206)
```
#afa1d4
```
#afa1d4 rgb(175,161,212)
```
#baaeda
```
#baaeda rgb(186,174,218)
```
#c6bce0
```
#c6bce0 rgb(198,188,224)
```
#d1c9e6
```
#d1c9e6 rgb(209,201,230)
```
#ddd7ed
```
#ddd7ed rgb(221,215,237)
```
#e8e4f3
```
#e8e4f3 rgb(232,228,243)
```
#f4f2f9
```
#f4f2f9 rgb(244,242,249)
```

Tint Color Variation

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

#b9b6bf
```
#b9b6bf rgb(185,182,191)
```
#b6b1c4
```
#b6b1c4 rgb(182,177,196)
```
#b4acc9
```
#b4acc9 rgb(180,172,201)
```
#b1a6cf
```
#b1a6cf rgb(177,166,207)
```
#afa1d4
```
#afa1d4 rgb(175,161,212)
```
#ad9cd9
```
#ad9cd9 rgb(173,156,217)
```
#aa96df
```
#aa96df rgb(170,150,223)
```
#a891e4
```
#a891e4 rgb(168,145,228)
```
#a58ce9
```
#a58ce9 rgb(165,140,233)
```
#a387ee
```
#a387ee rgb(163,135,238)
```
#a181f4
```
#a181f4 rgb(161,129,244)
```
#9e7cf9
```
#9e7cf9 rgb(158,124,249)
```
#9c77fe
```
#9c77fe rgb(156,119,254)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#aca9b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0abd9 Protanopia 1% of men
#a7a9d4 Deuteranopia 1% of men
#acabb7 Tritanopia 0.001% of the population

Trichromacy

#a5a7d7 Protanomaly 1% of men, 0.01% of women
#a9a6d4 Deuteranomaly 6% of men, 0.4% of women
#ada7c2 Tritanomaly 0.01% of the population

#afa1d4 hex color

#afa1d4 Color Information

#afa1d4 Color Conversion

Color Schemes with #afa1d4

Alternatives to #afa1d4

#afa1d4 Preview

Shades and Tints of #afa1d4

Tones of #afa1d4

Color Blindness Simulator