#aaddf5 hex color

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

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

● #aaddf5 color description : Very soft blue.

The hexadecimal color #aaddf5 has RGB values of R:170, G:221, B:245 and CMYK values of C:0.31, M:0.1, Y:0, K:0.04. Its decimal value is 11197941.

Hex triplet	aaddf5	`#aaddf5`
RGB Decimal	170, 221, 245	`rgb(170,221,245)`
RGB Percent	66.7, 86.7, 96.1	`rgb(66.7%,86.7%,96.1%)`
CMYK	31, 10, 0, 4
HSL	199.2°, 78.9, 81.4	`hsl(199.2,78.9%,81.4%)`
HSV (or HSB)	199.2°, 30.6, 96.1
Web Safe	99ccff	`#99ccff`

CIE-LAB	85.428, -10.88, -17.023
XYZ	58.912, 66.849, 96.18
xyY	0.265, 0.301, 66.849
CIE-LCH	85.428, 20.203, 237.415
CIE-LUV	85.428, -25.889, -25.251
Hunter-Lab	81.761, -14.468, -12.513
Binary	10101010, 11011101, 11110101

#aaddf5
```
#aaddf5 rgb(170,221,245)
```
#f5c2aa
```
#f5c2aa rgb(245,194,170)
```

Complementary Color

#aaf5e8
```
#aaf5e8 rgb(170,245,232)
```
#aaddf5
```
#aaddf5 rgb(170,221,245)
```
#aab8f5
```
#aab8f5 rgb(170,184,245)
```

Analogous Color

#f5e8aa
```
#f5e8aa rgb(245,232,170)
```
#aaddf5
```
#aaddf5 rgb(170,221,245)
```
#f5aab8
```
#f5aab8 rgb(245,170,184)
```

Split Complementary Color

#ddf5aa
```
#ddf5aa rgb(221,245,170)
```
#aaddf5
```
#aaddf5 rgb(170,221,245)
```
#f5aadd
```
#f5aadd rgb(245,170,221)
```

Triadic Color

#aaf5c2
```
#aaf5c2 rgb(170,245,194)
```
#aaddf5
```
#aaddf5 rgb(170,221,245)
```
#f5aadd
```
#f5aadd rgb(245,170,221)
```
#f5c2aa
```
#f5c2aa rgb(245,194,170)
```

Tetradic Color

#66c2ed
```
#66c2ed rgb(102,194,237)
```
#7ccbf0
```
#7ccbf0 rgb(124,203,240)
```
#93d4f2
```
#93d4f2 rgb(147,212,242)
```
#aaddf5
```
#aaddf5 rgb(170,221,245)
```
#c1e6f8
```
#c1e6f8 rgb(193,230,248)
```
#d8effa
```
#d8effa rgb(216,239,250)
```
#eef8fd
```
#eef8fd rgb(238,248,253)
```

Monochromatic Color

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

#aaf0f5
```
#aaf0f5 rgb(170,240,245)
```
#aaeaf5
```
#aaeaf5 rgb(170,234,245)
```
#aae3f5
```
#aae3f5 rgb(170,227,245)
```
#aaddf5
```
#aaddf5 rgb(170,221,245)
```
#aad7f5
```
#aad7f5 rgb(170,215,245)
```
#aad1f5
```
#aad1f5 rgb(170,209,245)
```
#aacaf5
```
#aacaf5 rgb(170,202,245)
```

Similar Colors

Text with hexadecimal color #aaddf5

This text has a font color of #aaddf5.

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

#aaddf5 background color

This paragraph has a background color of #aaddf5.

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

#aaddf5 border color

This element has a border color of #aaddf5.

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

CSS codes

.text {color:#aaddf5;}

.background {background-color:#aaddf5;}

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

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 #f0f9fd is the lightest one.

#000203
```
#000203 rgb(0,2,3)
```
#020f14
```
#020f14 rgb(2,15,20)
```
#041b26
```
#041b26 rgb(4,27,38)
```
#072837
```
#072837 rgb(7,40,55)
```
#093449
```
#093449 rgb(9,52,73)
```
#0b415b
```
#0b415b rgb(11,65,91)
```
#0d4e6c
```
#0d4e6c rgb(13,78,108)
```
#0f5a7e
```
#0f5a7e rgb(15,90,126)
```
#11678f
```
#11678f rgb(17,103,143)
```
#1373a1
```
#1373a1 rgb(19,115,161)
```
#1580b2
```
#1580b2 rgb(21,128,178)
```
#178dc4
```
#178dc4 rgb(23,141,196)
```
#1999d5
```
#1999d5 rgb(25,153,213)
```

Shade Color Variation

#1ea5e4
```
#1ea5e4 rgb(30,165,228)
```
#2face7
```
#2face7 rgb(47,172,231)
```
#41b3e9
```
#41b3e9 rgb(65,179,233)
```
#52baeb
```
#52baeb rgb(82,186,235)
```
#64c1ed
```
#64c1ed rgb(100,193,237)
```
#75c8ef
```
#75c8ef rgb(117,200,239)
```
#87cff1
```
#87cff1 rgb(135,207,241)
```
#98d6f3
```
#98d6f3 rgb(152,214,243)
```
#aaddf5
```
#aaddf5 rgb(170,221,245)
```
#bce4f7
```
#bce4f7 rgb(188,228,247)
```
#cdebf9
```
#cdebf9 rgb(205,235,249)
```
#dff2fb
```
#dff2fb rgb(223,242,251)
```
#f0f9fd
```
#f0f9fd rgb(240,249,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 #a3e0fc is the most saturated one.

#cfd0d0
```
#cfd0d0 rgb(207,208,208)
```
#cbd1d4
```
#cbd1d4 rgb(203,209,212)
```
#c7d2d8
```
#c7d2d8 rgb(199,210,216)
```
#c4d4db
```
#c4d4db rgb(196,212,219)
```
#c0d5df
```
#c0d5df rgb(192,213,223)
```
#bcd6e3
```
#bcd6e3 rgb(188,214,227)
```
#b9d8e6
```
#b9d8e6 rgb(185,216,230)
```
#b5d9ea
```
#b5d9ea rgb(181,217,234)
```
#b1daee
```
#b1daee rgb(177,218,238)
```
#aedcf1
```
#aedcf1 rgb(174,220,241)
```
#aaddf5
```
#aaddf5 rgb(170,221,245)
```
#a6def9
```
#a6def9 rgb(166,222,249)
```
#a3e0fc
```
#a3e0fc rgb(163,224,252)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#c8d3d7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3d6f0 Protanopia 1% of men
#dad2f9 Deuteranopia 1% of men
#acdfef Tritanopia 0.001% of the population

Trichromacy

#c4d8f2 Protanomaly 1% of men, 0.01% of women
#c8d6f7 Deuteranomaly 6% of men, 0.4% of women
#abdef1 Tritanomaly 0.01% of the population

#aaddf5 hex color

#aaddf5 Color Information

#aaddf5 Color Conversion

Color Schemes with #aaddf5

Alternatives to #aaddf5

#aaddf5 Preview

Shades and Tints of #aaddf5

Tones of #aaddf5

Color Blindness Simulator