#afa2dc hex color

In a RGB color space, hex #afa2dc is composed of 68.6% red, 63.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 20.5% cyan, 26.4% magenta, 0% yellow and 13.7% black. It has a hue angle of 253.4 degrees, a saturation of 45.3% and a lightness of 74.9%. #afa2dc color hex could be obtained by blending #ffffff with #5f45b9. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 64
- B 86
RGB color chart
- C 20
- M 26
- Y 0
- K 14
CMYK color chart

● #afa2dc color description : Very soft blue.

The hexadecimal color #afa2dc has RGB values of R:175, G:162, B:220 and CMYK values of C:0.2, M:0.26, Y:0, K:0.14. Its decimal value is 11510492.

Hex triplet	afa2dc	`#afa2dc`
RGB Decimal	175, 162, 220	`rgb(175,162,220)`
RGB Percent	68.6, 63.5, 86.3	`rgb(68.6%,63.5%,86.3%)`
CMYK	20, 26, 0, 14
HSL	253.4°, 45.3, 74.9	`hsl(253.4,45.3%,74.9%)`
HSV (or HSB)	253.4°, 26.4, 86.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.556, 16.588, -27.661
XYZ	43.515, 40.122, 73.158
xyY	0.278, 0.256, 40.122
CIE-LCH	69.556, 32.254, 300.951
CIE-LUV	69.556, 3.102, -45.931
Hunter-Lab	63.342, 11.781, -24.139
Binary	10101111, 10100010, 11011100

#afa2dc
```
#afa2dc rgb(175,162,220)
```
#cfdca2
```
#cfdca2 rgb(207,220,162)
```

Complementary Color

#a2b2dc
```
#a2b2dc rgb(162,178,220)
```
#afa2dc
```
#afa2dc rgb(175,162,220)
```
#cca2dc
```
#cca2dc rgb(204,162,220)
```

Analogous Color

#b2dca2
```
#b2dca2 rgb(178,220,162)
```
#afa2dc
```
#afa2dc rgb(175,162,220)
```
#dccca2
```
#dccca2 rgb(220,204,162)
```

Split Complementary Color

#a2dcaf
```
#a2dcaf rgb(162,220,175)
```
#afa2dc
```
#afa2dc rgb(175,162,220)
```
#dcafa2
```
#dcafa2 rgb(220,175,162)
```

Triadic Color

#a2cfdc
```
#a2cfdc rgb(162,207,220)
```
#afa2dc
```
#afa2dc rgb(175,162,220)
```
#dcafa2
```
#dcafa2 rgb(220,175,162)
```
#cfdca2
```
#cfdca2 rgb(207,220,162)
```

Tetradic Color

#7f6ac7
```
#7f6ac7 rgb(127,106,199)
```
#8f7dce
```
#8f7dce rgb(143,125,206)
```
#9f8fd5
```
#9f8fd5 rgb(159,143,213)
```
#afa2dc
```
#afa2dc rgb(175,162,220)
```
#bfb5e3
```
#bfb5e3 rgb(191,181,227)
```
#cfc7ea
```
#cfc7ea rgb(207,199,234)
```
#dfdaf1
```
#dfdaf1 rgb(223,218,241)
```

Monochromatic Color

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

#a2a4dc
```
#a2a4dc rgb(162,164,220)
```
#a5a2dc
```
#a5a2dc rgb(165,162,220)
```
#aaa2dc
```
#aaa2dc rgb(170,162,220)
```
#afa2dc
```
#afa2dc rgb(175,162,220)
```
#b4a2dc
```
#b4a2dc rgb(180,162,220)
```
#b9a2dc
```
#b9a2dc rgb(185,162,220)
```
#bea2dc
```
#bea2dc rgb(190,162,220)
```

Similar Colors

Text with hexadecimal color #afa2dc

This text has a font color of #afa2dc.

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

#afa2dc background color

This paragraph has a background color of #afa2dc.

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

#afa2dc border color

This element has a border color of #afa2dc.

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

CSS codes

.text {color:#afa2dc;}

.background {background-color:#afa2dc;}

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

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

#030307
```
#030307 rgb(3,3,7)
```
#0b0815
```
#0b0815 rgb(11,8,21)
```
#120d23
```
#120d23 rgb(18,13,35)
```
#1a1332
```
#1a1332 rgb(26,19,50)
```
#211840
```
#211840 rgb(33,24,64)
```
#281d4e
```
#281d4e rgb(40,29,78)
```
#30235c
```
#30235c rgb(48,35,92)
```
#37286b
```
#37286b rgb(55,40,107)
```
#3e2d79
```
#3e2d79 rgb(62,45,121)
```
#463387
```
#463387 rgb(70,51,135)
```
#4d3895
```
#4d3895 rgb(77,56,149)
```
#543ea4
```
#543ea4 rgb(84,62,164)
```
#5c43b2
```
#5c43b2 rgb(92,67,178)
```

Shade Color Variation

#654cbc
```
#654cbc rgb(101,76,188)
```
#725bc1
```
#725bc1 rgb(114,91,193)
```
#7e69c7
```
#7e69c7 rgb(126,105,199)
```
#8a77cc
```
#8a77cc rgb(138,119,204)
```
#9685d1
```
#9685d1 rgb(150,133,209)
```
#a394d7
```
#a394d7 rgb(163,148,215)
```
#afa2dc
```
#afa2dc rgb(175,162,220)
```
#bbb0e1
```
#bbb0e1 rgb(187,176,225)
```
#c8bfe7
```
#c8bfe7 rgb(200,191,231)
```
#d4cdec
```
#d4cdec rgb(212,205,236)
```
#e0dbf1
```
#e0dbf1 rgb(224,219,241)
```
#ece9f7
```
#ece9f7 rgb(236,233,247)
```
#f9f8fc
```
#f9f8fc rgb(249,248,252)
```

Tint Color Variation

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

#bdbbc3
```
#bdbbc3 rgb(189,187,195)
```
#bab6c8
```
#bab6c8 rgb(186,182,200)
```
#b7b1cd
```
#b7b1cd rgb(183,177,205)
```
#b4acd2
```
#b4acd2 rgb(180,172,210)
```
#b2a7d7
```
#b2a7d7 rgb(178,167,215)
```
#afa2dc
```
#afa2dc rgb(175,162,220)
```
#ac9de1
```
#ac9de1 rgb(172,157,225)
```
#aa98e6
```
#aa98e6 rgb(170,152,230)
```
#a793eb
```
#a793eb rgb(167,147,235)
```
#a48ef0
```
#a48ef0 rgb(164,142,240)
```
#a189f5
```
#a189f5 rgb(161,137,245)
```
#9f84fa
```
#9f84fa rgb(159,132,250)
```
#9c80fe
```
#9c80fe rgb(156,128,254)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#adaab6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9eace1 Protanopia 1% of men
#a4abdc Deuteranopia 1% of men
#abadba Tritanopia 0.001% of the population

Trichromacy

#a4a8df Protanomaly 1% of men, 0.01% of women
#a8a8dc Deuteranomaly 6% of men, 0.4% of women
#aca9c6 Tritanomaly 0.01% of the population

#afa2dc hex color

#afa2dc Color Information

#afa2dc Color Conversion

Color Schemes with #afa2dc

Alternatives to #afa2dc

#afa2dc Preview

Shades and Tints of #afa2dc

Tones of #afa2dc

Color Blindness Simulator