#aaafde hex color

In a RGB color space, hex #aaafde is composed of 66.7% red, 68.6% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 23.4% cyan, 21.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 234.2 degrees, a saturation of 44.1% and a lightness of 76.9%. #aaafde color hex could be obtained by blending #ffffff with #555fbd. Closest websafe color is: #9999cc.

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

● #aaafde color description : Very soft blue.

The hexadecimal color #aaafde has RGB values of R:170, G:175, B:222 and CMYK values of C:0.23, M:0.21, Y:0, K:0.13. Its decimal value is 11186142.

Hex triplet	aaafde	`#aaafde`
RGB Decimal	170, 175, 222	`rgb(170,175,222)`
RGB Percent	66.7, 68.6, 87.1	`rgb(66.7%,68.6%,87.1%)`
CMYK	23, 21, 0, 13
HSL	234.2°, 44.1, 76.9	`hsl(234.2,44.1%,76.9%)`
HSV (or HSB)	234.2°, 23.4, 87.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	72.548, 8.286, -24.207
XYZ	45.09, 44.479, 75.313
xyY	0.273, 0.27, 44.479
CIE-LCH	72.548, 25.585, 288.896
CIE-LUV	72.548, -5.285, -39.292
Hunter-Lab	66.693, 3.968, -20.268
Binary	10101010, 10101111, 11011110

#aaafde
```
#aaafde rgb(170,175,222)
```
#ded9aa
```
#ded9aa rgb(222,217,170)
```

Complementary Color

#aac9de
```
#aac9de rgb(170,201,222)
```
#aaafde
```
#aaafde rgb(170,175,222)
```
#bfaade
```
#bfaade rgb(191,170,222)
```

Analogous Color

#c9deaa
```
#c9deaa rgb(201,222,170)
```
#aaafde
```
#aaafde rgb(170,175,222)
```
#debfaa
```
#debfaa rgb(222,191,170)
```

Split Complementary Color

#afdeaa
```
#afdeaa rgb(175,222,170)
```
#aaafde
```
#aaafde rgb(170,175,222)
```
#deaaaf
```
#deaaaf rgb(222,170,175)
```

Triadic Color

#aaded9
```
#aaded9 rgb(170,222,217)
```
#aaafde
```
#aaafde rgb(170,175,222)
```
#deaaaf
```
#deaaaf rgb(222,170,175)
```
#ded9aa
```
#ded9aa rgb(222,217,170)
```

Tetradic Color

#737bc9
```
#737bc9 rgb(115,123,201)
```
#858cd0
```
#858cd0 rgb(133,140,208)
```
#989ed7
```
#989ed7 rgb(152,158,215)
```
#aaafde
```
#aaafde rgb(170,175,222)
```
#bcc0e5
```
#bcc0e5 rgb(188,192,229)
```
#cfd2ec
```
#cfd2ec rgb(207,210,236)
```
#e1e3f3
```
#e1e3f3 rgb(225,227,243)
```

Monochromatic Color

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

#aabcde
```
#aabcde rgb(170,188,222)
```
#aab8de
```
#aab8de rgb(170,184,222)
```
#aab3de
```
#aab3de rgb(170,179,222)
```
#aaafde
```
#aaafde rgb(170,175,222)
```
#aaabde
```
#aaabde rgb(170,171,222)
```
#aeaade
```
#aeaade rgb(174,170,222)
```
#b2aade
```
#b2aade rgb(178,170,222)
```

Similar Colors

Text with hexadecimal color #aaafde

This text has a font color of #aaafde.

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

#aaafde background color

This paragraph has a background color of #aaafde.

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

#aaafde border color

This element has a border color of #aaafde.

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

CSS codes

.text {color:#aaafde;}

.background {background-color:#aaafde;}

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

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, #05060e is the darkest color, while #ffffff is the lightest one.

#05060e
```
#05060e rgb(5,6,14)
```
#0b0d1c
```
#0b0d1c rgb(11,13,28)
```
#10132a
```
#10132a rgb(16,19,42)
```
#161938
```
#161938 rgb(22,25,56)
```
#1b1f46
```
#1b1f46 rgb(27,31,70)
```
#212655
```
#212655 rgb(33,38,85)
```
#262c63
```
#262c63 rgb(38,44,99)
```
#2c3271
```
#2c3271 rgb(44,50,113)
```
#31397f
```
#31397f rgb(49,57,127)
```
#373f8d
```
#373f8d rgb(55,63,141)
```
#3c459b
```
#3c459b rgb(60,69,155)
```
#424ca9
```
#424ca9 rgb(66,76,169)
```
#4752b7
```
#4752b7 rgb(71,82,183)
```

Shade Color Variation

#555fbd
```
#555fbd rgb(85,95,189)
```
#636dc3
```
#636dc3 rgb(99,109,195)
```
#717ac8
```
#717ac8 rgb(113,122,200)
```
#8087ce
```
#8087ce rgb(128,135,206)
```
#8e94d3
```
#8e94d3 rgb(142,148,211)
```
#9ca2d9
```
#9ca2d9 rgb(156,162,217)
```
#aaafde
```
#aaafde rgb(170,175,222)
```
#b8bce3
```
#b8bce3 rgb(184,188,227)
```
#c6cae9
```
#c6cae9 rgb(198,202,233)
```
#d4d7ee
```
#d4d7ee rgb(212,215,238)
```
#e3e4f4
```
#e3e4f4 rgb(227,228,244)
```
#f1f1f9
```
#f1f1f9 rgb(241,241,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#c1c1c7
```
#c1c1c7 rgb(193,193,199)
```
#bcbecc
```
#bcbecc rgb(188,190,204)
```
#b8bad0
```
#b8bad0 rgb(184,186,208)
```
#b3b6d5
```
#b3b6d5 rgb(179,182,213)
```
#afb3d9
```
#afb3d9 rgb(175,179,217)
```
#aaafde
```
#aaafde rgb(170,175,222)
```
#a5abe3
```
#a5abe3 rgb(165,171,227)
```
#a1a8e7
```
#a1a8e7 rgb(161,168,231)
```
#9ca4ec
```
#9ca4ec rgb(156,164,236)
```
#98a0f0
```
#98a0f0 rgb(152,160,240)
```
#939df5
```
#939df5 rgb(147,157,245)
```
#8f99f9
```
#8f99f9 rgb(143,153,249)
```
#8a95fe
```
#8a95fe rgb(138,149,254)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b1b2bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab4e0 Protanopia 1% of men
#afb2df Deuteranopia 1% of men
#a8b8c5 Tritanopia 0.001% of the population

Trichromacy

#aab2df Protanomaly 1% of men, 0.01% of women
#adb1df Deuteranomaly 6% of men, 0.4% of women
#a8b4ce Tritanomaly 0.01% of the population

#aaafde hex color

#aaafde Color Information

#aaafde Color Conversion

Color Schemes with #aaafde

Alternatives to #aaafde

#aaafde Preview

Shades and Tints of #aaafde

Tones of #aaafde

Color Blindness Simulator