#afaaf4 hex color

In a RGB color space, hex #afaaf4 is composed of 68.6% red, 66.7% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 28.3% cyan, 30.3% magenta, 0% yellow and 4.3% black. It has a hue angle of 244.1 degrees, a saturation of 77.1% and a lightness of 81.2%. #afaaf4 color hex could be obtained by blending #ffffff with #5f55e9. Closest websafe color is: #9999ff.

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

● #afaaf4 color description : Very soft blue.

The hexadecimal color #afaaf4 has RGB values of R:175, G:170, B:244 and CMYK values of C:0.28, M:0.3, Y:0, K:0.04. Its decimal value is 11512564.

Hex triplet	afaaf4	`#afaaf4`
RGB Decimal	175, 170, 244	`rgb(175,170,244)`
RGB Percent	68.6, 66.7, 95.7	`rgb(68.6%,66.7%,95.7%)`
CMYK	28, 30, 0, 4
HSL	244.1°, 77.1, 81.2	`hsl(244.1,77.1%,81.2%)`
HSV (or HSB)	244.1°, 30.3, 95.7
Web Safe	9999ff	`#9999ff`

CIE-LAB	72.491, 17.792, -36.234
XYZ	48.38, 44.394, 91.603
xyY	0.262, 0.241, 44.394
CIE-LCH	72.491, 40.366, 296.152
CIE-LUV	72.491, -2.062, -60.676
Hunter-Lab	66.629, 13.009, -34.873
Binary	10101111, 10101010, 11110100

#afaaf4
```
#afaaf4 rgb(175,170,244)
```
#eff4aa
```
#eff4aa rgb(239,244,170)
```

Complementary Color

#aacaf4
```
#aacaf4 rgb(170,202,244)
```
#afaaf4
```
#afaaf4 rgb(175,170,244)
```
#d4aaf4
```
#d4aaf4 rgb(212,170,244)
```

Analogous Color

#caf4aa
```
#caf4aa rgb(202,244,170)
```
#afaaf4
```
#afaaf4 rgb(175,170,244)
```
#f4d4aa
```
#f4d4aa rgb(244,212,170)
```

Split Complementary Color

#aaf4af
```
#aaf4af rgb(170,244,175)
```
#afaaf4
```
#afaaf4 rgb(175,170,244)
```
#f4afaa
```
#f4afaa rgb(244,175,170)
```

Triadic Color

#aaeff4
```
#aaeff4 rgb(170,239,244)
```
#afaaf4
```
#afaaf4 rgb(175,170,244)
```
#f4afaa
```
#f4afaa rgb(244,175,170)
```
#eff4aa
```
#eff4aa rgb(239,244,170)
```

Tetradic Color

#6f66eb
```
#6f66eb rgb(111,102,235)
```
#857dee
```
#857dee rgb(133,125,238)
```
#9a93f1
```
#9a93f1 rgb(154,147,241)
```
#afaaf4
```
#afaaf4 rgb(175,170,244)
```
#c4c1f7
```
#c4c1f7 rgb(196,193,247)
```
#dad7fa
```
#dad7fa rgb(218,215,250)
```
#efeefd
```
#efeefd rgb(239,238,253)
```

Monochromatic Color

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

#aab8f4
```
#aab8f4 rgb(170,184,244)
```
#aab1f4
```
#aab1f4 rgb(170,177,244)
```
#aaabf4
```
#aaabf4 rgb(170,171,244)
```
#afaaf4
```
#afaaf4 rgb(175,170,244)
```
#b5aaf4
```
#b5aaf4 rgb(181,170,244)
```
#bbaaf4
```
#bbaaf4 rgb(187,170,244)
```
#c2aaf4
```
#c2aaf4 rgb(194,170,244)
```

Similar Colors

Text with hexadecimal color #afaaf4

This text has a font color of #afaaf4.

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

#afaaf4 background color

This paragraph has a background color of #afaaf4.

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

#afaaf4 border color

This element has a border color of #afaaf4.

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

CSS codes

.text {color:#afaaf4;}

.background {background-color:#afaaf4;}

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

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

#000002
```
#000002 rgb(0,0,2)
```
#040213
```
#040213 rgb(4,2,19)
```
#070525
```
#070525 rgb(7,5,37)
```
#0a0736
```
#0a0736 rgb(10,7,54)
```
#0d0947
```
#0d0947 rgb(13,9,71)
```
#110b59
```
#110b59 rgb(17,11,89)
```
#140e6a
```
#140e6a rgb(20,14,106)
```
#17107b
```
#17107b rgb(23,16,123)
```
#1b128d
```
#1b128d rgb(27,18,141)
```
#1e149e
```
#1e149e rgb(30,20,158)
```
#2117b0
```
#2117b0 rgb(33,23,176)
```
#2419c1
```
#2419c1 rgb(36,25,193)
```
#281bd2
```
#281bd2 rgb(40,27,210)
```

Shade Color Variation

#2c1fe2
```
#2c1fe2 rgb(44,31,226)
```
#3d30e4
```
#3d30e4 rgb(61,48,228)
```
#4d42e7
```
#4d42e7 rgb(77,66,231)
```
#5d53e9
```
#5d53e9 rgb(93,83,233)
```
#6e65eb
```
#6e65eb rgb(110,101,235)
```
#7e76ed
```
#7e76ed rgb(126,118,237)
```
#8e87f0
```
#8e87f0 rgb(142,135,240)
```
#9f99f2
```
#9f99f2 rgb(159,153,242)
```
#afaaf4
```
#afaaf4 rgb(175,170,244)
```
#bfbbf6
```
#bfbbf6 rgb(191,187,246)
```
#d0cdf8
```
#d0cdf8 rgb(208,205,248)
```
#e0defb
```
#e0defb rgb(224,222,251)
```
#f0effd
```
#f0effd rgb(240,239,253)
```

Tint Color Variation

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

#cfcfcf
```
#cfcfcf rgb(207,207,207)
```
#cccbd3
```
#cccbd3 rgb(204,203,211)
```
#c9c8d6
```
#c9c8d6 rgb(201,200,214)
```
#c5c4da
```
#c5c4da rgb(197,196,218)
```
#c2c0de
```
#c2c0de rgb(194,192,222)
```
#bfbce2
```
#bfbce2 rgb(191,188,226)
```
#bcb9e5
```
#bcb9e5 rgb(188,185,229)
```
#b9b5e9
```
#b9b5e9 rgb(185,181,233)
```
#b5b1ed
```
#b5b1ed rgb(181,177,237)
```
#b2aef0
```
#b2aef0 rgb(178,174,240)
```
#afaaf4
```
#afaaf4 rgb(175,170,244)
```
#aca6f8
```
#aca6f8 rgb(172,166,248)
```
#a9a3fb
```
#a9a3fb rgb(169,163,251)
```

Tone Color Variation

Below, you can see how #afaaf4 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
#b3b2c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fb3f8 Protanopia 1% of men
#a1b3f2 Deuteranopia 1% of men
#a7b8c5 Tritanopia 0.001% of the population

Trichromacy

#a4b0f6 Protanomaly 1% of men, 0.01% of women
#a6b0f3 Deuteranomaly 6% of men, 0.4% of women
#aab2d6 Tritanomaly 0.01% of the population

#afaaf4 hex color

#afaaf4 Color Information

#afaaf4 Color Conversion

Color Schemes with #afaaf4

Alternatives to #afaaf4

#afaaf4 Preview

Shades and Tints of #afaaf4

Tones of #afaaf4

Color Blindness Simulator