#afaae4 hex color

In a RGB color space, hex #afaae4 is composed of 68.6% red, 66.7% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 23.2% cyan, 25.4% magenta, 0% yellow and 10.6% black. It has a hue angle of 245.2 degrees, a saturation of 51.8% and a lightness of 78%. #afaae4 color hex could be obtained by blending #ffffff with #5f55c9. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 67
- B 89
RGB color chart
- C 23
- M 25
- Y 0
- K 11
CMYK color chart

● #afaae4 color description : Very soft blue.

The hexadecimal color #afaae4 has RGB values of R:175, G:170, B:228 and CMYK values of C:0.23, M:0.25, Y:0, K:0.11. Its decimal value is 11512548.

Hex triplet	afaae4	`#afaae4`
RGB Decimal	175, 170, 228	`rgb(175,170,228)`
RGB Percent	68.6, 66.7, 89.4	`rgb(68.6%,66.7%,89.4%)`
CMYK	23, 25, 0, 11
HSL	245.2°, 51.8, 78	`hsl(245.2,51.8%,78%)`
HSV (or HSB)	245.2°, 25.4, 89.4
Web Safe	9999cc	`#9999cc`

CIE-LAB	71.869, 13.974, -28.488
XYZ	46.055, 43.464, 79.358
xyY	0.273, 0.257, 43.464
CIE-LCH	71.869, 31.73, 296.128
CIE-LUV	71.869, -0.975, -47.136
Hunter-Lab	65.928, 9.321, -25.219
Binary	10101111, 10101010, 11100100

#afaae4
```
#afaae4 rgb(175,170,228)
```
#dfe4aa
```
#dfe4aa rgb(223,228,170)
```

Complementary Color

#aac2e4
```
#aac2e4 rgb(170,194,228)
```
#afaae4
```
#afaae4 rgb(175,170,228)
```
#ccaae4
```
#ccaae4 rgb(204,170,228)
```

Analogous Color

#c2e4aa
```
#c2e4aa rgb(194,228,170)
```
#afaae4
```
#afaae4 rgb(175,170,228)
```
#e4ccaa
```
#e4ccaa rgb(228,204,170)
```

Split Complementary Color

#aae4af
```
#aae4af rgb(170,228,175)
```
#afaae4
```
#afaae4 rgb(175,170,228)
```
#e4afaa
```
#e4afaa rgb(228,175,170)
```

Triadic Color

#aadfe4
```
#aadfe4 rgb(170,223,228)
```
#afaae4
```
#afaae4 rgb(175,170,228)
```
#e4afaa
```
#e4afaa rgb(228,175,170)
```
#dfe4aa
```
#dfe4aa rgb(223,228,170)
```

Tetradic Color

#7870d2
```
#7870d2 rgb(120,112,210)
```
#8b83d8
```
#8b83d8 rgb(139,131,216)
```
#9d97de
```
#9d97de rgb(157,151,222)
```
#afaae4
```
#afaae4 rgb(175,170,228)
```
#c1bdea
```
#c1bdea rgb(193,189,234)
```
#d3d1f0
```
#d3d1f0 rgb(211,209,240)
```
#e6e4f6
```
#e6e4f6 rgb(230,228,246)
```

Monochromatic Color

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

#aab4e4
```
#aab4e4 rgb(170,180,228)
```
#aaafe4
```
#aaafe4 rgb(170,175,228)
```
#aaaae4
```
#aaaae4 rgb(170,170,228)
```
#afaae4
```
#afaae4 rgb(175,170,228)
```
#b4aae4
```
#b4aae4 rgb(180,170,228)
```
#b9aae4
```
#b9aae4 rgb(185,170,228)
```
#beaae4
```
#beaae4 rgb(190,170,228)
```

Similar Colors

Text with hexadecimal color #afaae4

This text has a font color of #afaae4.

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

#afaae4 background color

This paragraph has a background color of #afaae4.

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

#afaae4 border color

This element has a border color of #afaae4.

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

CSS codes

.text {color:#afaae4;}

.background {background-color:#afaae4;}

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

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

#020104
```
#020104 rgb(2,1,4)
```
#070613
```
#070613 rgb(7,6,19)
```
#0d0b22
```
#0d0b22 rgb(13,11,34)
```
#121031
```
#121031 rgb(18,16,49)
```
#181440
```
#181440 rgb(24,20,64)
```
#1e194f
```
#1e194f rgb(30,25,79)
```
#231e5e
```
#231e5e rgb(35,30,94)
```
#29226d
```
#29226d rgb(41,34,109)
```
#2e277b
```
#2e277b rgb(46,39,123)
```
#342c8a
```
#342c8a rgb(52,44,138)
```
#3a3199
```
#3a3199 rgb(58,49,153)
```
#3f35a8
```
#3f35a8 rgb(63,53,168)
```
#453ab7
```
#453ab7 rgb(69,58,183)
```

Shade Color Variation

#4d42c3
```
#4d42c3 rgb(77,66,195)
```
#5b51c8
```
#5b51c8 rgb(91,81,200)
```
#6960cc
```
#6960cc rgb(105,96,204)
```
#776ed1
```
#776ed1 rgb(119,110,209)
```
#857dd6
```
#857dd6 rgb(133,125,214)
```
#938cdb
```
#938cdb rgb(147,140,219)
```
#a19bdf
```
#a19bdf rgb(161,155,223)
```
#afaae4
```
#afaae4 rgb(175,170,228)
```
#bdb9e9
```
#bdb9e9 rgb(189,185,233)
```
#cbc8ed
```
#cbc8ed rgb(203,200,237)
```
#d9d7f2
```
#d9d7f2 rgb(217,215,242)
```
#e7e6f7
```
#e7e6f7 rgb(231,230,247)
```
#f5f4fc
```
#f5f4fc rgb(245,244,252)
```

Tint Color Variation

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

#c4c4ca
```
#c4c4ca rgb(196,196,202)
```
#c1c0ce
```
#c1c0ce rgb(193,192,206)
```
#bdbbd3
```
#bdbbd3 rgb(189,187,211)
```
#bab7d7
```
#bab7d7 rgb(186,183,215)
```
#b6b3db
```
#b6b3db rgb(182,179,219)
```
#b3aee0
```
#b3aee0 rgb(179,174,224)
```
#afaae4
```
#afaae4 rgb(175,170,228)
```
#aba6e8
```
#aba6e8 rgb(171,166,232)
```
#a8a1ed
```
#a8a1ed rgb(168,161,237)
```
#a49df1
```
#a49df1 rgb(164,157,241)
```
#a199f5
```
#a199f5 rgb(161,153,245)
```
#9d94fa
```
#9d94fa rgb(157,148,250)
```
#9a90fe
```
#9a90fe rgb(154,144,254)
```

Tone Color Variation

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

Dichromacy

#a4b2e7 Protanopia 1% of men
#a9b1e4 Deuteranopia 1% of men
#abb5c2 Tritanopia 0.001% of the population

Trichromacy

#a8afe6 Protanomaly 1% of men, 0.01% of women
#abaee4 Deuteranomaly 6% of men, 0.4% of women
#acb1ce Tritanomaly 0.01% of the population

#afaae4 hex color

#afaae4 Color Information

#afaae4 Color Conversion

Color Schemes with #afaae4

Alternatives to #afaae4

#afaae4 Preview

Shades and Tints of #afaae4

Tones of #afaae4

Color Blindness Simulator