#aaadd2 Color Information
In a RGB color space, hex #aaadd2 is composed of 66.7% red, 67.8% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 19% cyan, 17.6% magenta, 0% yellow and 17.6% black. It has a hue angle of 235.5 degrees, a saturation of 30.8% and a lightness of 74.5%. #aaadd2 color hex could be obtained by blending #ffffff with #555ba5. Closest websafe color is: #9999cc.
-
- R 67
- G 68
- B 82
-
- C 19
- M 18
- Y 0
- K 18
● #aaadd2 color description : Grayish blue.
#aaadd2 Color Conversion
The hexadecimal color #aaadd2 has RGB values of R:170, G:173, B:210 and CMYK values of C:0.19, M:0.18, Y:0, K:0.18. Its decimal value is 11185618.
Hex triplet | aaadd2 | #aaadd2 |
---|---|---|
RGB Decimal | 170, 173, 210 | rgb(170,173,210) |
RGB Percent | 66.7, 67.8, 82.4 | rgb(66.7%,67.8%,82.4%) |
CMYK | 19, 18, 0, 18 | |
HSL | 235.5°, 30.8, 74.5 | hsl(235.5,30.8%,74.5%) |
HSV (or HSB) | 235.5°, 19, 82.4 | |
Web Safe | 9999cc | #9999cc |
CIE-LAB | 71.613, 6.645, -19.065 |
---|---|
XYZ | 43.152, 43.086, 67.012 |
xyY | 0.282, 0.281, 43.086 |
CIE-LCH | 71.613, 20.19, 289.215 |
CIE-LUV | 71.613, -3.727, -30.601 |
Hunter-Lab | 65.64, 2.476, -14.582 |
Binary | 10101010, 10101101, 11010010 |
Color Schemes with #aaadd2
Alternatives to #aaadd2
Below, you can see some colors close to #aaadd2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#aaadd2 Preview
This text has a font color of #aaadd2.
<span style="color:#aaadd2;">Text here</span>
This paragraph has a background color of #aaadd2.
<p style="background-color:#aaadd2;">Content here</p>
This element has a border color of #aaadd2.
<div style="border:1px solid #aaadd2;">Content here</div>
.text {color:#aaadd2;}
.background {background-color:#aaadd2;}
.border {border:1px solid #aaadd2;}
Shades and Tints of #aaadd2
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, #030305 is the darkest color, while #f7f7fb is the lightest one.
-
#030305
#030305
rgb(3,3,5)
-
#090a12
#090a12
rgb(9,10,18)
-
#10111e
#10111e
rgb(16,17,30)
-
#17182b
#17182b
rgb(23,24,43)
-
#1e2038
#1e2038
rgb(30,32,56)
-
#242745
#242745
rgb(36,39,69)
-
#2b2e52
#2b2e52
rgb(43,46,82)
-
#32355f
#32355f
rgb(50,53,95)
-
#393d6b
#393d6b
rgb(57,61,107)
-
#404478
#404478
rgb(64,68,120)
-
#464b85
#464b85
rgb(70,75,133)
-
#4d5292
#4d5292
rgb(77,82,146)
-
#545a9f
#545a9f
rgb(84,90,159)
-
#5d63a9
#5d63a9
rgb(93,99,169)
-
#6a6fb0
#6a6fb0
rgb(106,111,176)
-
#777cb7
#777cb7
rgb(119,124,183)
-
#8488be
#8488be
rgb(132,136,190)
-
#9094c4
#9094c4
rgb(144,148,196)
-
#9da1cb
#9da1cb
rgb(157,161,203)
-
#aaadd2
#aaadd2
rgb(170,173,210)
-
#b7b9d9
#b7b9d9
rgb(183,185,217)
-
#c4c6e0
#c4c6e0
rgb(196,198,224)
-
#d0d2e6
#d0d2e6
rgb(208,210,230)
-
#dddeed
#dddeed
rgb(221,222,237)
-
#eaebf4
#eaebf4
rgb(234,235,244)
-
#f7f7fb
#f7f7fb
rgb(247,247,251)
Tones of #aaadd2
A tone is produced by adding gray to any pure hue. In this case, #b9bac3 is the less saturated color, while #7d87ff is the most saturated one.
-
#b9bac3
#b9bac3
rgb(185,186,195)
-
#b4b6c8
#b4b6c8
rgb(180,182,200)
-
#afb1cd
#afb1cd
rgb(175,177,205)
-
#aaadd2
#aaadd2
rgb(170,173,210)
-
#a5a9d7
#a5a9d7
rgb(165,169,215)
-
#a0a5dc
#a0a5dc
rgb(160,165,220)
-
#9ba0e1
#9ba0e1
rgb(155,160,225)
-
#969ce6
#969ce6
rgb(150,156,230)
-
#9198eb
#9198eb
rgb(145,152,235)
-
#8c94f0
#8c94f0
rgb(140,148,240)
-
#878ff5
#878ff5
rgb(135,143,245)
-
#828bfa
#828bfa
rgb(130,139,250)
-
#7d87ff
#7d87ff
rgb(125,135,255)
Color Blindness Simulator
Below, you can see how #aaadd2 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.