#afa2ef hex color

In a RGB color space, hex #afa2ef is composed of 68.6% red, 63.5% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 32.2% magenta, 0% yellow and 6.3% black. It has a hue angle of 250.1 degrees, a saturation of 70.6% and a lightness of 78.6%. #afa2ef color hex could be obtained by blending #ffffff with #5f45df. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 69
- G 64
- B 94
RGB color chart
- C 27
- M 32
- Y 0
- K 6
CMYK color chart

● #afa2ef color description : Very soft blue.

The hexadecimal color #afa2ef has RGB values of R:175, G:162, B:239 and CMYK values of C:0.27, M:0.32, Y:0, K:0.06. Its decimal value is 11510511.

Hex triplet	afa2ef	`#afa2ef`
RGB Decimal	175, 162, 239	`rgb(175,162,239)`
RGB Percent	68.6, 63.5, 93.7	`rgb(68.6%,63.5%,93.7%)`
CMYK	27, 32, 0, 6
HSL	250.1°, 70.6, 78.6	`hsl(250.1,70.6%,78.6%)`
HSV (or HSB)	250.1°, 32.2, 93.7
Web Safe	9999ff	`#9999ff`

CIE-LAB	70.306, 21.056, -36.907
XYZ	46.177, 41.186, 87.174
xyY	0.265, 0.236, 41.186
CIE-LCH	70.306, 42.491, 299.705
CIE-LUV	70.306, 1.588, -61.984
Hunter-Lab	64.177, 16.126, -35.612
Binary	10101111, 10100010, 11101111

#afa2ef
```
#afa2ef rgb(175,162,239)
```
#e2efa2
```
#e2efa2 rgb(226,239,162)
```

Complementary Color

#a2bcef
```
#a2bcef rgb(162,188,239)
```
#afa2ef
```
#afa2ef rgb(175,162,239)
```
#d6a2ef
```
#d6a2ef rgb(214,162,239)
```

Analogous Color

#bcefa2
```
#bcefa2 rgb(188,239,162)
```
#afa2ef
```
#afa2ef rgb(175,162,239)
```
#efd6a2
```
#efd6a2 rgb(239,214,162)
```

Split Complementary Color

#a2efaf
```
#a2efaf rgb(162,239,175)
```
#afa2ef
```
#afa2ef rgb(175,162,239)
```
#efafa2
```
#efafa2 rgb(239,175,162)
```

Triadic Color

#a2e2ef
```
#a2e2ef rgb(162,226,239)
```
#afa2ef
```
#afa2ef rgb(175,162,239)
```
#efafa2
```
#efafa2 rgb(239,175,162)
```
#e2efa2
```
#e2efa2 rgb(226,239,162)
```

Tetradic Color

#7761e4
```
#7761e4 rgb(119,97,228)
```
#8a76e8
```
#8a76e8 rgb(138,118,232)
```
#9c8ceb
```
#9c8ceb rgb(156,140,235)
```
#afa2ef
```
#afa2ef rgb(175,162,239)
```
#c2b8f3
```
#c2b8f3 rgb(194,184,243)
```
#d4cef6
```
#d4cef6 rgb(212,206,246)
```
#e7e3fa
```
#e7e3fa rgb(231,227,250)
```

Monochromatic Color

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

#a2a8ef
```
#a2a8ef rgb(162,168,239)
```
#a2a2ef
```
#a2a2ef rgb(162,162,239)
```
#a9a2ef
```
#a9a2ef rgb(169,162,239)
```
#afa2ef
```
#afa2ef rgb(175,162,239)
```
#b5a2ef
```
#b5a2ef rgb(181,162,239)
```
#bca2ef
```
#bca2ef rgb(188,162,239)
```
#c2a2ef
```
#c2a2ef rgb(194,162,239)
```

Similar Colors

Text with hexadecimal color #afa2ef

This text has a font color of #afa2ef.

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

#afa2ef background color

This paragraph has a background color of #afa2ef.

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

#afa2ef border color

This element has a border color of #afa2ef.

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

CSS codes

.text {color:#afa2ef;}

.background {background-color:#afa2ef;}

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

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

#020107
```
#020107 rgb(2,1,7)
```
#080418
```
#080418 rgb(8,4,24)
```
#0d0729
```
#0d0729 rgb(13,7,41)
```
#120a3a
```
#120a3a rgb(18,10,58)
```
#170d4a
```
#170d4a rgb(23,13,74)
```
#1c105b
```
#1c105b rgb(28,16,91)
```
#22136c
```
#22136c rgb(34,19,108)
```
#27157d
```
#27157d rgb(39,21,125)
```
#2c188d
```
#2c188d rgb(44,24,141)
```
#311b9e
```
#311b9e rgb(49,27,158)
```
#371eaf
```
#371eaf rgb(55,30,175)
```
#3c21c0
```
#3c21c0 rgb(60,33,192)
```
#4124d0
```
#4124d0 rgb(65,36,208)
```

Shade Color Variation

#4a2ddb
```
#4a2ddb rgb(74,45,219)
```
#593ede
```
#593ede rgb(89,62,222)
```
#674ee1
```
#674ee1 rgb(103,78,225)
```
#755fe3
```
#755fe3 rgb(117,95,227)
```
#8470e6
```
#8470e6 rgb(132,112,230)
```
#9281e9
```
#9281e9 rgb(146,129,233)
```
#a191ec
```
#a191ec rgb(161,145,236)
```
#afa2ef
```
#afa2ef rgb(175,162,239)
```
#bdb3f2
```
#bdb3f2 rgb(189,179,242)
```
#ccc3f5
```
#ccc3f5 rgb(204,195,245)
```
#dad4f8
```
#dad4f8 rgb(218,212,248)
```
#e9e5fb
```
#e9e5fb rgb(233,229,251)
```
#f7f6fd
```
#f7f6fd rgb(247,246,253)
```

Tint Color Variation

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

#c8c8c9
```
#c8c8c9 rgb(200,200,201)
```
#c5c4cd
```
#c5c4cd rgb(197,196,205)
```
#c2bfd2
```
#c2bfd2 rgb(194,191,210)
```
#c0bbd6
```
#c0bbd6 rgb(192,187,214)
```
#bdb7da
```
#bdb7da rgb(189,183,218)
```
#bab3de
```
#bab3de rgb(186,179,222)
```
#b7afe2
```
#b7afe2 rgb(183,175,226)
```
#b5aae7
```
#b5aae7 rgb(181,170,231)
```
#b2a6eb
```
#b2a6eb rgb(178,166,235)
```
#afa2ef
```
#afa2ef rgb(175,162,239)
```
#ac9ef3
```
#ac9ef3 rgb(172,158,243)
```
#a99af7
```
#a99af7 rgb(169,154,247)
```
#a795fc
```
#a795fc rgb(167,149,252)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#afacbc Atypical Achromatopsia 0.001% of the population

Dichromacy

#97adf4 Protanopia 1% of men
#9aaeed Deuteranopia 1% of men
#a7b1bd Tritanopia 0.001% of the population

Trichromacy

#a0a9f2 Protanomaly 1% of men, 0.01% of women
#a2a9ed Deuteranomaly 6% of men, 0.4% of women
#aaabcf Tritanomaly 0.01% of the population

#afa2ef hex color

#afa2ef Color Information

#afa2ef Color Conversion

Color Schemes with #afa2ef

Alternatives to #afa2ef

#afa2ef Preview

Shades and Tints of #afa2ef

Tones of #afa2ef

Color Blindness Simulator