#aae2f5 hex color

In a RGB color space, hex #aae2f5 is composed of 66.7% red, 88.6% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 30.6% cyan, 7.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 195.2 degrees, a saturation of 78.9% and a lightness of 81.4%. #aae2f5 color hex could be obtained by blending #ffffff with #55c5eb. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 67
- G 89
- B 96
RGB color chart
- C 31
- M 8
- Y 0
- K 4
CMYK color chart

● #aae2f5 color description : Very soft blue.

The hexadecimal color #aae2f5 has RGB values of R:170, G:226, B:245 and CMYK values of C:0.31, M:0.08, Y:0, K:0.04. Its decimal value is 11199221.

Hex triplet	aae2f5	`#aae2f5`
RGB Decimal	170, 226, 245	`rgb(170,226,245)`
RGB Percent	66.7, 88.6, 96.1	`rgb(66.7%,88.6%,96.1%)`
CMYK	31, 8, 0, 4
HSL	195.2°, 78.9, 81.4	`hsl(195.2,78.9%,81.4%)`
HSV (or HSB)	195.2°, 30.6, 96.1
Web Safe	99ccff	`#99ccff`

CIE-LAB	86.765, -13.438, -15.014
XYZ	60.251, 69.529, 96.627
xyY	0.266, 0.307, 69.529
CIE-LCH	86.765, 20.149, 228.17
CIE-LUV	86.765, -28.014, -21.589
Hunter-Lab	83.384, -16.942, -10.337
Binary	10101010, 11100010, 11110101

#aae2f5
```
#aae2f5 rgb(170,226,245)
```
#f5bdaa
```
#f5bdaa rgb(245,189,170)
```

Complementary Color

#aaf5e3
```
#aaf5e3 rgb(170,245,227)
```
#aae2f5
```
#aae2f5 rgb(170,226,245)
```
#aabdf5
```
#aabdf5 rgb(170,189,245)
```

Analogous Color

#f5e3aa
```
#f5e3aa rgb(245,227,170)
```
#aae2f5
```
#aae2f5 rgb(170,226,245)
```
#f5aabd
```
#f5aabd rgb(245,170,189)
```

Split Complementary Color

#e2f5aa
```
#e2f5aa rgb(226,245,170)
```
#aae2f5
```
#aae2f5 rgb(170,226,245)
```
#f5aae2
```
#f5aae2 rgb(245,170,226)
```

Triadic Color

#aaf5bd
```
#aaf5bd rgb(170,245,189)
```
#aae2f5
```
#aae2f5 rgb(170,226,245)
```
#f5aae2
```
#f5aae2 rgb(245,170,226)
```
#f5bdaa
```
#f5bdaa rgb(245,189,170)
```

Tetradic Color

#66cbed
```
#66cbed rgb(102,203,237)
```
#7cd2f0
```
#7cd2f0 rgb(124,210,240)
```
#93daf2
```
#93daf2 rgb(147,218,242)
```
#aae2f5
```
#aae2f5 rgb(170,226,245)
```
#c1eaf8
```
#c1eaf8 rgb(193,234,248)
```
#d8f2fa
```
#d8f2fa rgb(216,242,250)
```
#eef9fd
```
#eef9fd rgb(238,249,253)
```

Monochromatic Color

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

#aaf5f5
```
#aaf5f5 rgb(170,245,245)
```
#aaeff5
```
#aaeff5 rgb(170,239,245)
```
#aae8f5
```
#aae8f5 rgb(170,232,245)
```
#aae2f5
```
#aae2f5 rgb(170,226,245)
```
#aadcf5
```
#aadcf5 rgb(170,220,245)
```
#aad6f5
```
#aad6f5 rgb(170,214,245)
```
#aacff5
```
#aacff5 rgb(170,207,245)
```

Similar Colors

Text with hexadecimal color #aae2f5

This text has a font color of #aae2f5.

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

#aae2f5 background color

This paragraph has a background color of #aae2f5.

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

#aae2f5 border color

This element has a border color of #aae2f5.

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

CSS codes

.text {color:#aae2f5;}

.background {background-color:#aae2f5;}

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

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

#000203
```
#000203 rgb(0,2,3)
```
#021014
```
#021014 rgb(2,16,20)
```
#041d26
```
#041d26 rgb(4,29,38)
```
#072b37
```
#072b37 rgb(7,43,55)
```
#093949
```
#093949 rgb(9,57,73)
```
#0b465b
```
#0b465b rgb(11,70,91)
```
#0d546c
```
#0d546c rgb(13,84,108)
```
#0f627e
```
#0f627e rgb(15,98,126)
```
#116f8f
```
#116f8f rgb(17,111,143)
```
#137da1
```
#137da1 rgb(19,125,161)
```
#158ab2
```
#158ab2 rgb(21,138,178)
```
#1798c4
```
#1798c4 rgb(23,152,196)
```
#19a6d5
```
#19a6d5 rgb(25,166,213)
```

Shade Color Variation

#1eb2e4
```
#1eb2e4 rgb(30,178,228)
```
#2fb8e7
```
#2fb8e7 rgb(47,184,231)
```
#41bee9
```
#41bee9 rgb(65,190,233)
```
#52c4eb
```
#52c4eb rgb(82,196,235)
```
#64caed
```
#64caed rgb(100,202,237)
```
#75d0ef
```
#75d0ef rgb(117,208,239)
```
#87d6f1
```
#87d6f1 rgb(135,214,241)
```
#98dcf3
```
#98dcf3 rgb(152,220,243)
```
#aae2f5
```
#aae2f5 rgb(170,226,245)
```
#bce8f7
```
#bce8f7 rgb(188,232,247)
```
#cdeef9
```
#cdeef9 rgb(205,238,249)
```
#dff4fb
```
#dff4fb rgb(223,244,251)
```
#f0fafd
```
#f0fafd rgb(240,250,253)
```

Tint Color Variation

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

#cfd0d0
```
#cfd0d0 rgb(207,208,208)
```
#cbd2d4
```
#cbd2d4 rgb(203,210,212)
```
#c7d4d8
```
#c7d4d8 rgb(199,212,216)
```
#c4d5db
```
#c4d5db rgb(196,213,219)
```
#c0d7df
```
#c0d7df rgb(192,215,223)
```
#bcd9e3
```
#bcd9e3 rgb(188,217,227)
```
#b9dbe6
```
#b9dbe6 rgb(185,219,230)
```
#b5ddea
```
#b5ddea rgb(181,221,234)
```
#b1deee
```
#b1deee rgb(177,222,238)
```
#aee0f1
```
#aee0f1 rgb(174,224,241)
```
#aae2f5
```
#aae2f5 rgb(170,226,245)
```
#a6e4f9
```
#a6e4f9 rgb(166,228,249)
```
#a3e6fc
```
#a3e6fc rgb(163,230,252)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#cbd6da Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8d9ef Protanopia 1% of men
#dfd6fa Deuteranopia 1% of men
#aee3f4 Tritanopia 0.001% of the population

Trichromacy

#c7dcf1 Protanomaly 1% of men, 0.01% of women
#ccdaf8 Deuteranomaly 6% of men, 0.4% of women
#ace3f4 Tritanomaly 0.01% of the population

#aae2f5 hex color

#aae2f5 Color Information

#aae2f5 Color Conversion

Color Schemes with #aae2f5

Alternatives to #aae2f5

#aae2f5 Preview

Shades and Tints of #aae2f5

Tones of #aae2f5

Color Blindness Simulator