#aaadd5 hex color

In a RGB color space, hex #aaadd5 is composed of 66.7% red, 67.8% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 18.8% magenta, 0% yellow and 16.5% black. It has a hue angle of 235.8 degrees, a saturation of 33.9% and a lightness of 75.1%. #aaadd5 color hex could be obtained by blending #ffffff with #555bab. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 67
- G 68
- B 84
RGB color chart
- C 20
- M 19
- Y 0
- K 16
CMYK color chart

● #aaadd5 color description : Grayish blue.

The hexadecimal color #aaadd5 has RGB values of R:170, G:173, B:213 and CMYK values of C:0.2, M:0.19, Y:0, K:0.16. Its decimal value is 11185621.

Hex triplet	aaadd5	`#aaadd5`
RGB Decimal	170, 173, 213	`rgb(170,173,213)`
RGB Percent	66.7, 67.8, 83.5	`rgb(66.7%,67.8%,83.5%)`
CMYK	20, 19, 0, 16
HSL	235.8°, 33.9, 75.1	`hsl(235.8,33.9%,75.1%)`
HSV (or HSB)	235.8°, 20.2, 83.5
Web Safe	9999cc	`#9999cc`

CIE-LAB	71.715, 7.321, -20.554
XYZ	43.529, 43.237, 68.999
xyY	0.279, 0.278, 43.237
CIE-LCH	71.715, 21.819, 289.605
CIE-LUV	71.715, -3.896, -33.12
Hunter-Lab	65.755, 3.095, -16.187
Binary	10101010, 10101101, 11010101

#aaadd5
```
#aaadd5 rgb(170,173,213)
```
#d5d2aa
```
#d5d2aa rgb(213,210,170)
```

Complementary Color

#aac3d5
```
#aac3d5 rgb(170,195,213)
```
#aaadd5
```
#aaadd5 rgb(170,173,213)
```
#bdaad5
```
#bdaad5 rgb(189,170,213)
```

Analogous Color

#c3d5aa
```
#c3d5aa rgb(195,213,170)
```
#aaadd5
```
#aaadd5 rgb(170,173,213)
```
#d5bdaa
```
#d5bdaa rgb(213,189,170)
```

Split Complementary Color

#add5aa
```
#add5aa rgb(173,213,170)
```
#aaadd5
```
#aaadd5 rgb(170,173,213)
```
#d5aaad
```
#d5aaad rgb(213,170,173)
```

Triadic Color

#aad5d2
```
#aad5d2 rgb(170,213,210)
```
#aaadd5
```
#aaadd5 rgb(170,173,213)
```
#d5aaad
```
#d5aaad rgb(213,170,173)
```
#d5d2aa
```
#d5d2aa rgb(213,210,170)
```

Tetradic Color

#777cbc
```
#777cbc rgb(119,124,188)
```
#888cc4
```
#888cc4 rgb(136,140,196)
```
#999dcd
```
#999dcd rgb(153,157,205)
```
#aaadd5
```
#aaadd5 rgb(170,173,213)
```
#bbbddd
```
#bbbddd rgb(187,189,221)
```
#cccee6
```
#cccee6 rgb(204,206,230)
```
#dddeee
```
#dddeee rgb(221,222,238)
```

Monochromatic Color

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

#aab8d5
```
#aab8d5 rgb(170,184,213)
```
#aab4d5
```
#aab4d5 rgb(170,180,213)
```
#aab1d5
```
#aab1d5 rgb(170,177,213)
```
#aaadd5
```
#aaadd5 rgb(170,173,213)
```
#abaad5
```
#abaad5 rgb(171,170,213)
```
#aeaad5
```
#aeaad5 rgb(174,170,213)
```
#b2aad5
```
#b2aad5 rgb(178,170,213)
```

Similar Colors

Text with hexadecimal color #aaadd5

This text has a font color of #aaadd5.

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

#aaadd5 background color

This paragraph has a background color of #aaadd5.

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

#aaadd5 border color

This element has a border color of #aaadd5.

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

CSS codes

.text {color:#aaadd5;}

.background {background-color:#aaadd5;}

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

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

#030407
```
#030407 rgb(3,4,7)
```
#0a0b14
```
#0a0b14 rgb(10,11,20)
```
#101221
```
#101221 rgb(16,18,33)
```
#17192e
```
#17192e rgb(23,25,46)
```
#1d1f3b
```
#1d1f3b rgb(29,31,59)
```
#242649
```
#242649 rgb(36,38,73)
```
#2a2d56
```
#2a2d56 rgb(42,45,86)
```
#313463
```
#313463 rgb(49,52,99)
```
#373b70
```
#373b70 rgb(55,59,112)
```
#3e427d
```
#3e427d rgb(62,66,125)
```
#44498a
```
#44498a rgb(68,73,138)
```
#4b5097
```
#4b5097 rgb(75,80,151)
```
#5157a4
```
#5157a4 rgb(81,87,164)
```

Shade Color Variation

#5b61ae
```
#5b61ae rgb(91,97,174)
```
#686eb5
```
#686eb5 rgb(104,110,181)
```
#757abb
```
#757abb rgb(117,122,187)
```
#8387c2
```
#8387c2 rgb(131,135,194)
```
#9094c8
```
#9094c8 rgb(144,148,200)
```
#9da0cf
```
#9da0cf rgb(157,160,207)
```
#aaadd5
```
#aaadd5 rgb(170,173,213)
```
#b7badb
```
#b7badb rgb(183,186,219)
```
#c4c6e2
```
#c4c6e2 rgb(196,198,226)
```
#d1d3e8
```
#d1d3e8 rgb(209,211,232)
```
#dfe0ef
```
#dfe0ef rgb(223,224,239)
```
#ececf5
```
#ececf5 rgb(236,236,245)
```
#f9f9fc
```
#f9f9fc rgb(249,249,252)
```

Tint Color Variation

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

#bebec1
```
#bebec1 rgb(190,190,193)
```
#b9bac6
```
#b9bac6 rgb(185,186,198)
```
#b4b5cb
```
#b4b5cb rgb(180,181,203)
```
#afb1d0
```
#afb1d0 rgb(175,177,208)
```
#aaadd5
```
#aaadd5 rgb(170,173,213)
```
#a5a9da
```
#a5a9da rgb(165,169,218)
```
#a0a5df
```
#a0a5df rgb(160,165,223)
```
#9ba0e4
```
#9ba0e4 rgb(155,160,228)
```
#969ce9
```
#969ce9 rgb(150,156,233)
```
#9298ed
```
#9298ed rgb(146,152,237)
```
#8d94f2
```
#8d94f2 rgb(141,148,242)
```
#8890f7
```
#8890f7 rgb(136,144,247)
```
#838bfc
```
#838bfc rgb(131,139,252)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b0b0b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab2d7 Protanopia 1% of men
#b1b0d7 Deuteranopia 1% of men
#a9b5c2 Tritanopia 0.001% of the population

Trichromacy

#aab0d6 Protanomaly 1% of men, 0.01% of women
#aeafd6 Deuteranomaly 6% of men, 0.4% of women
#a9b2c9 Tritanomaly 0.01% of the population

#aaadd5 hex color

#aaadd5 Color Information

#aaadd5 Color Conversion

Color Schemes with #aaadd5

Alternatives to #aaadd5

#aaadd5 Preview

Shades and Tints of #aaadd5

Tones of #aaadd5

Color Blindness Simulator