#afa4dd hex color

In a RGB color space, hex #afa4dd is composed of 68.6% red, 64.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 25.8% magenta, 0% yellow and 13.3% black. It has a hue angle of 251.6 degrees, a saturation of 45.6% and a lightness of 75.5%. #afa4dd color hex could be obtained by blending #ffffff with #5f49bb. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 64
- B 87
RGB color chart
- C 21
- M 26
- Y 0
- K 13
CMYK color chart

● #afa4dd color description : Very soft blue.

The hexadecimal color #afa4dd has RGB values of R:175, G:164, B:221 and CMYK values of C:0.21, M:0.26, Y:0, K:0.13. Its decimal value is 11511005.

Hex triplet	afa4dd	`#afa4dd`
RGB Decimal	175, 164, 221	`rgb(175,164,221)`
RGB Percent	68.6, 64.3, 86.7	`rgb(68.6%,64.3%,86.7%)`
CMYK	21, 26, 0, 13
HSL	251.6°, 45.6, 75.5	`hsl(251.6,45.6%,75.5%)`
HSV (or HSB)	251.6°, 25.8, 86.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.095, 15.699, -27.382
XYZ	44.003, 40.885, 73.976
xyY	0.277, 0.257, 40.885
CIE-LCH	70.095, 31.563, 299.827
CIE-LUV	70.095, 2.147, -45.395
Hunter-Lab	63.941, 10.943, -23.835
Binary	10101111, 10100100, 11011101

#afa4dd
```
#afa4dd rgb(175,164,221)
```
#d2dda4
```
#d2dda4 rgb(210,221,164)
```

Complementary Color

#a4b6dd
```
#a4b6dd rgb(164,182,221)
```
#afa4dd
```
#afa4dd rgb(175,164,221)
```
#cca4dd
```
#cca4dd rgb(204,164,221)
```

Analogous Color

#b6dda4
```
#b6dda4 rgb(182,221,164)
```
#afa4dd
```
#afa4dd rgb(175,164,221)
```
#ddcca4
```
#ddcca4 rgb(221,204,164)
```

Split Complementary Color

#a4ddaf
```
#a4ddaf rgb(164,221,175)
```
#afa4dd
```
#afa4dd rgb(175,164,221)
```
#ddafa4
```
#ddafa4 rgb(221,175,164)
```

Triadic Color

#a4d2dd
```
#a4d2dd rgb(164,210,221)
```
#afa4dd
```
#afa4dd rgb(175,164,221)
```
#ddafa4
```
#ddafa4 rgb(221,175,164)
```
#d2dda4
```
#d2dda4 rgb(210,221,164)
```

Tetradic Color

#7e6cc8
```
#7e6cc8 rgb(126,108,200)
```
#8e7fcf
```
#8e7fcf rgb(142,127,207)
```
#9f91d6
```
#9f91d6 rgb(159,145,214)
```
#afa4dd
```
#afa4dd rgb(175,164,221)
```
#bfb7e4
```
#bfb7e4 rgb(191,183,228)
```
#d0c9eb
```
#d0c9eb rgb(208,201,235)
```
#e0dcf2
```
#e0dcf2 rgb(224,220,242)
```

Monochromatic Color

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

#a4a7dd
```
#a4a7dd rgb(164,167,221)
```
#a6a4dd
```
#a6a4dd rgb(166,164,221)
```
#aaa4dd
```
#aaa4dd rgb(170,164,221)
```
#afa4dd
```
#afa4dd rgb(175,164,221)
```
#b4a4dd
```
#b4a4dd rgb(180,164,221)
```
#b9a4dd
```
#b9a4dd rgb(185,164,221)
```
#bda4dd
```
#bda4dd rgb(189,164,221)
```

Similar Colors

Text with hexadecimal color #afa4dd

This text has a font color of #afa4dd.

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

#afa4dd background color

This paragraph has a background color of #afa4dd.

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

#afa4dd border color

This element has a border color of #afa4dd.

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

CSS codes

.text {color:#afa4dd;}

.background {background-color:#afa4dd;}

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

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

#040309
```
#040309 rgb(4,3,9)
```
#0b0917
```
#0b0917 rgb(11,9,23)
```
#130e26
```
#130e26 rgb(19,14,38)
```
#1a1334
```
#1a1334 rgb(26,19,52)
```
#211942
```
#211942 rgb(33,25,66)
```
#281e50
```
#281e50 rgb(40,30,80)
```
#2f235f
```
#2f235f rgb(47,35,95)
```
#36296d
```
#36296d rgb(54,41,109)
```
#3d2e7b
```
#3d2e7b rgb(61,46,123)
```
#443389
```
#443389 rgb(68,51,137)
```
#4b3998
```
#4b3998 rgb(75,57,152)
```
#523ea6
```
#523ea6 rgb(82,62,166)
```
#5943b4
```
#5943b4 rgb(89,67,180)
```

Shade Color Variation

#644ebd
```
#644ebd rgb(100,78,189)
```
#705dc2
```
#705dc2 rgb(112,93,194)
```
#7d6bc8
```
#7d6bc8 rgb(125,107,200)
```
#8979cd
```
#8979cd rgb(137,121,205)
```
#9687d2
```
#9687d2 rgb(150,135,210)
```
#a296d8
```
#a296d8 rgb(162,150,216)
```
#afa4dd
```
#afa4dd rgb(175,164,221)
```
#bcb2e2
```
#bcb2e2 rgb(188,178,226)
```
#c8c1e8
```
#c8c1e8 rgb(200,193,232)
```
#d5cfed
```
#d5cfed rgb(213,207,237)
```
#e1ddf2
```
#e1ddf2 rgb(225,221,242)
```
#eeebf8
```
#eeebf8 rgb(238,235,248)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

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

#bebcc5
```
#bebcc5 rgb(190,188,197)
```
#bbb7ca
```
#bbb7ca rgb(187,183,202)
```
#b8b2cf
```
#b8b2cf rgb(184,178,207)
```
#b5aed3
```
#b5aed3 rgb(181,174,211)
```
#b2a9d8
```
#b2a9d8 rgb(178,169,216)
```
#afa4dd
```
#afa4dd rgb(175,164,221)
```
#ac9fe2
```
#ac9fe2 rgb(172,159,226)
```
#a99ae7
```
#a99ae7 rgb(169,154,231)
```
#a696eb
```
#a696eb rgb(166,150,235)
```
#a391f0
```
#a391f0 rgb(163,145,240)
```
#a08cf5
```
#a08cf5 rgb(160,140,245)
```
#9d87fa
```
#9d87fa rgb(157,135,250)
```
#9a82ff
```
#9a82ff rgb(154,130,255)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#aeacb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0ade2 Protanopia 1% of men
#a6acdd Deuteranopia 1% of men
#abafbc Tritanopia 0.001% of the population

Trichromacy

#a5aae0 Protanomaly 1% of men, 0.01% of women
#a9a9dd Deuteranomaly 6% of men, 0.4% of women
#acabc8 Tritanomaly 0.01% of the population

#afa4dd hex color

#afa4dd Color Information

#afa4dd Color Conversion

Color Schemes with #afa4dd

Alternatives to #afa4dd

#afa4dd Preview

Shades and Tints of #afa4dd

Tones of #afa4dd

Color Blindness Simulator