#afaae1 hex color

In a RGB color space, hex #afaae1 is composed of 68.6% red, 66.7% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 24.4% magenta, 0% yellow and 11.8% black. It has a hue angle of 245.5 degrees, a saturation of 47.8% and a lightness of 77.5%. #afaae1 color hex could be obtained by blending #ffffff with #5f55c3. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 67
- B 88
RGB color chart
- C 22
- M 24
- Y 0
- K 12
CMYK color chart

● #afaae1 color description : Very soft blue.

The hexadecimal color #afaae1 has RGB values of R:175, G:170, B:225 and CMYK values of C:0.22, M:0.24, Y:0, K:0.12. Its decimal value is 11512545.

Hex triplet	afaae1	`#afaae1`
RGB Decimal	175, 170, 225	`rgb(175,170,225)`
RGB Percent	68.6, 66.7, 88.2	`rgb(68.6%,66.7%,88.2%)`
CMYK	22, 24, 0, 12
HSL	245.5°, 47.8, 77.5	`hsl(245.5,47.8%,77.5%)`
HSV (or HSB)	245.5°, 24.4, 88.2
Web Safe	9999cc	`#9999cc`

CIE-LAB	71.758, 13.277, -27.021
XYZ	45.642, 43.299, 77.183
xyY	0.275, 0.261, 43.299
CIE-LCH	71.758, 30.106, 296.167
CIE-LUV	71.758, -0.771, -44.599
Hunter-Lab	65.802, 8.658, -23.483
Binary	10101111, 10101010, 11100001

#afaae1
```
#afaae1 rgb(175,170,225)
```
#dce1aa
```
#dce1aa rgb(220,225,170)
```

Complementary Color

#aac1e1
```
#aac1e1 rgb(170,193,225)
```
#afaae1
```
#afaae1 rgb(175,170,225)
```
#cbaae1
```
#cbaae1 rgb(203,170,225)
```

Analogous Color

#c1e1aa
```
#c1e1aa rgb(193,225,170)
```
#afaae1
```
#afaae1 rgb(175,170,225)
```
#e1cbaa
```
#e1cbaa rgb(225,203,170)
```

Split Complementary Color

#aae1af
```
#aae1af rgb(170,225,175)
```
#afaae1
```
#afaae1 rgb(175,170,225)
```
#e1afaa
```
#e1afaa rgb(225,175,170)
```

Triadic Color

#aadce1
```
#aadce1 rgb(170,220,225)
```
#afaae1
```
#afaae1 rgb(175,170,225)
```
#e1afaa
```
#e1afaa rgb(225,175,170)
```
#dce1aa
```
#dce1aa rgb(220,225,170)
```

Tetradic Color

#7a71cd
```
#7a71cd rgb(122,113,205)
```
#8c84d4
```
#8c84d4 rgb(140,132,212)
```
#9d97da
```
#9d97da rgb(157,151,218)
```
#afaae1
```
#afaae1 rgb(175,170,225)
```
#c1bde8
```
#c1bde8 rgb(193,189,232)
```
#d2d0ee
```
#d2d0ee rgb(210,208,238)
```
#e4e3f5
```
#e4e3f5 rgb(228,227,245)
```

Monochromatic Color

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

#aab3e1
```
#aab3e1 rgb(170,179,225)
```
#aaaee1
```
#aaaee1 rgb(170,174,225)
```
#aaaae1
```
#aaaae1 rgb(170,170,225)
```
#afaae1
```
#afaae1 rgb(175,170,225)
```
#b4aae1
```
#b4aae1 rgb(180,170,225)
```
#b8aae1
```
#b8aae1 rgb(184,170,225)
```
#bdaae1
```
#bdaae1 rgb(189,170,225)
```

Similar Colors

Text with hexadecimal color #afaae1

This text has a font color of #afaae1.

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

#afaae1 background color

This paragraph has a background color of #afaae1.

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

#afaae1 border color

This element has a border color of #afaae1.

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

CSS codes

.text {color:#afaae1;}

.background {background-color:#afaae1;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#070610
```
#070610 rgb(7,6,16)
```
#0d0b1f
```
#0d0b1f rgb(13,11,31)
```
#13102d
```
#13102d rgb(19,16,45)
```
#19153c
```
#19153c rgb(25,21,60)
```
#1f1a4a
```
#1f1a4a rgb(31,26,74)
```
#251f59
```
#251f59 rgb(37,31,89)
```
#2b2567
```
#2b2567 rgb(43,37,103)
```
#312a76
```
#312a76 rgb(49,42,118)
```
#372f84
```
#372f84 rgb(55,47,132)
```
#3d3493
```
#3d3493 rgb(61,52,147)
```
#4239a1
```
#4239a1 rgb(66,57,161)
```
#483eb0
```
#483eb0 rgb(72,62,176)
```

Shade Color Variation

#4f45bd
```
#4f45bd rgb(79,69,189)
```
#5d53c2
```
#5d53c2 rgb(93,83,194)
```
#6b62c7
```
#6b62c7 rgb(107,98,199)
```
#7870cd
```
#7870cd rgb(120,112,205)
```
#867fd2
```
#867fd2 rgb(134,127,210)
```
#948dd7
```
#948dd7 rgb(148,141,215)
```
#a19cdc
```
#a19cdc rgb(161,156,220)
```
#afaae1
```
#afaae1 rgb(175,170,225)
```
#bdb8e6
```
#bdb8e6 rgb(189,184,230)
```
#cac7eb
```
#cac7eb rgb(202,199,235)
```
#d8d5f0
```
#d8d5f0 rgb(216,213,240)
```
#e6e4f5
```
#e6e4f5 rgb(230,228,245)
```
#f3f2fb
```
#f3f2fb rgb(243,242,251)
```

Tint Color Variation

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

#c5c5c6
```
#c5c5c6 rgb(197,197,198)
```
#c1c0cb
```
#c1c0cb rgb(193,192,203)
```
#bdbccf
```
#bdbccf rgb(189,188,207)
```
#bab7d4
```
#bab7d4 rgb(186,183,212)
```
#b6b3d8
```
#b6b3d8 rgb(182,179,216)
```
#b3aedd
```
#b3aedd rgb(179,174,221)
```
#afaae1
```
#afaae1 rgb(175,170,225)
```
#aba6e5
```
#aba6e5 rgb(171,166,229)
```
#a8a1ea
```
#a8a1ea rgb(168,161,234)
```
#a49dee
```
#a49dee rgb(164,157,238)
```
#a198f3
```
#a198f3 rgb(161,152,243)
```
#9d94f7
```
#9d94f7 rgb(157,148,247)
```
#998ffc
```
#998ffc rgb(153,143,252)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b1b0bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5b2e4 Protanopia 1% of men
#aab0e1 Deuteranopia 1% of men
#abb4c1 Tritanopia 0.001% of the population

Trichromacy

#a8afe3 Protanomaly 1% of men, 0.01% of women
#acaee1 Deuteranomaly 6% of men, 0.4% of women
#acb0cd Tritanomaly 0.01% of the population

#afaae1 hex color

#afaae1 Color Information

#afaae1 Color Conversion

Color Schemes with #afaae1

Alternatives to #afaae1

#afaae1 Preview

Shades and Tints of #afaae1

Tones of #afaae1

Color Blindness Simulator