#afaaf2 hex color

In a RGB color space, hex #afaaf2 is composed of 68.6% red, 66.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 27.7% cyan, 29.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 244.2 degrees, a saturation of 73.5% and a lightness of 80.8%. #afaaf2 color hex could be obtained by blending #ffffff with #5f55e5. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 69
- G 67
- B 95
RGB color chart
- C 28
- M 30
- Y 0
- K 5
CMYK color chart

● #afaaf2 color description : Very soft blue.

The hexadecimal color #afaaf2 has RGB values of R:175, G:170, B:242 and CMYK values of C:0.28, M:0.3, Y:0, K:0.05. Its decimal value is 11512562.

Hex triplet	afaaf2	`#afaaf2`
RGB Decimal	175, 170, 242	`rgb(175,170,242)`
RGB Percent	68.6, 66.7, 94.9	`rgb(68.6%,66.7%,94.9%)`
CMYK	28, 30, 0, 5
HSL	244.2°, 73.5, 80.8	`hsl(244.2,73.5%,80.8%)`
HSV (or HSB)	244.2°, 29.8, 94.9
Web Safe	9999ff	`#9999ff`

CIE-LAB	72.411, 17.306, -35.273
XYZ	48.078, 44.274, 90.012
xyY	0.264, 0.243, 44.274
CIE-LCH	72.411, 39.289, 296.134
CIE-LUV	72.411, -1.927, -58.985
Hunter-Lab	66.538, 12.534, -33.63
Binary	10101111, 10101010, 11110010

#afaaf2
```
#afaaf2 rgb(175,170,242)
```
#edf2aa
```
#edf2aa rgb(237,242,170)
```

Complementary Color

#aac9f2
```
#aac9f2 rgb(170,201,242)
```
#afaaf2
```
#afaaf2 rgb(175,170,242)
```
#d3aaf2
```
#d3aaf2 rgb(211,170,242)
```

Analogous Color

#c9f2aa
```
#c9f2aa rgb(201,242,170)
```
#afaaf2
```
#afaaf2 rgb(175,170,242)
```
#f2d3aa
```
#f2d3aa rgb(242,211,170)
```

Split Complementary Color

#aaf2af
```
#aaf2af rgb(170,242,175)
```
#afaaf2
```
#afaaf2 rgb(175,170,242)
```
#f2afaa
```
#f2afaa rgb(242,175,170)
```

Triadic Color

#aaedf2
```
#aaedf2 rgb(170,237,242)
```
#afaaf2
```
#afaaf2 rgb(175,170,242)
```
#f2afaa
```
#f2afaa rgb(242,175,170)
```
#edf2aa
```
#edf2aa rgb(237,242,170)
```

Tetradic Color

#7168e8
```
#7168e8 rgb(113,104,232)
```
#857eeb
```
#857eeb rgb(133,126,235)
```
#9a94ef
```
#9a94ef rgb(154,148,239)
```
#afaaf2
```
#afaaf2 rgb(175,170,242)
```
#c4c0f5
```
#c4c0f5 rgb(196,192,245)
```
#d9d6f9
```
#d9d6f9 rgb(217,214,249)
```
#edecfc
```
#edecfc rgb(237,236,252)
```

Monochromatic Color

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

#aab7f2
```
#aab7f2 rgb(170,183,242)
```
#aab1f2
```
#aab1f2 rgb(170,177,242)
```
#aaabf2
```
#aaabf2 rgb(170,171,242)
```
#afaaf2
```
#afaaf2 rgb(175,170,242)
```
#b5aaf2
```
#b5aaf2 rgb(181,170,242)
```
#bbaaf2
```
#bbaaf2 rgb(187,170,242)
```
#c1aaf2
```
#c1aaf2 rgb(193,170,242)
```

Similar Colors

Text with hexadecimal color #afaaf2

This text has a font color of #afaaf2.

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

#afaaf2 background color

This paragraph has a background color of #afaaf2.

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

#afaaf2 border color

This element has a border color of #afaaf2.

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

CSS codes

.text {color:#afaaf2;}

.background {background-color:#afaaf2;}

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

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 #efeefc is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#040311
```
#040311 rgb(4,3,17)
```
#070522
```
#070522 rgb(7,5,34)
```
#0b0833
```
#0b0833 rgb(11,8,51)
```
#0e0a44
```
#0e0a44 rgb(14,10,68)
```
#120d55
```
#120d55 rgb(18,13,85)
```
#161066
```
#161066 rgb(22,16,102)
```
#191277
```
#191277 rgb(25,18,119)
```
#1d1588
```
#1d1588 rgb(29,21,136)
```
#201799
```
#201799 rgb(32,23,153)
```
#241aaa
```
#241aaa rgb(36,26,170)
```
#281dbb
```
#281dbb rgb(40,29,187)
```
#2b1fcc
```
#2b1fcc rgb(43,31,204)
```

Shade Color Variation

#2f22dd
```
#2f22dd rgb(47,34,221)
```
#3f33e0
```
#3f33e0 rgb(63,51,224)
```
#4f44e2
```
#4f44e2 rgb(79,68,226)
```
#5f55e5
```
#5f55e5 rgb(95,85,229)
```
#6f66e8
```
#6f66e8 rgb(111,102,232)
```
#7f77ea
```
#7f77ea rgb(127,119,234)
```
#8f88ed
```
#8f88ed rgb(143,136,237)
```
#9f99ef
```
#9f99ef rgb(159,153,239)
```
#afaaf2
```
#afaaf2 rgb(175,170,242)
```
#bfbbf5
```
#bfbbf5 rgb(191,187,245)
```
#cfccf7
```
#cfccf7 rgb(207,204,247)
```
#dfddfa
```
#dfddfa rgb(223,221,250)
```
#efeefc
```
#efeefc rgb(239,238,252)
```

Tint Color Variation

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

#ccccd0
```
#ccccd0 rgb(204,204,208)
```
#c9c8d4
```
#c9c8d4 rgb(201,200,212)
```
#c6c4d8
```
#c6c4d8 rgb(198,196,216)
```
#c2c1db
```
#c2c1db rgb(194,193,219)
```
#bfbddf
```
#bfbddf rgb(191,189,223)
```
#bcb9e3
```
#bcb9e3 rgb(188,185,227)
```
#b9b5e7
```
#b9b5e7 rgb(185,181,231)
```
#b5b2ea
```
#b5b2ea rgb(181,178,234)
```
#b2aeee
```
#b2aeee rgb(178,174,238)
```
#afaaf2
```
#afaaf2 rgb(175,170,242)
```
#aca6f6
```
#aca6f6 rgb(172,166,246)
```
#a9a2fa
```
#a9a2fa rgb(169,162,250)
```
#a59ffd
```
#a59ffd rgb(165,159,253)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b3b2c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fb3f6 Protanopia 1% of men
#a2b3f0 Deuteranopia 1% of men
#a7b7c4 Tritanopia 0.001% of the population

Trichromacy

#a5aff4 Protanomaly 1% of men, 0.01% of women
#a7b0f1 Deuteranomaly 6% of men, 0.4% of women
#aab2d5 Tritanomaly 0.01% of the population

#afaaf2 hex color

#afaaf2 Color Information

#afaaf2 Color Conversion

Color Schemes with #afaaf2

Alternatives to #afaaf2

#afaaf2 Preview

Shades and Tints of #afaaf2

Tones of #afaaf2

Color Blindness Simulator