#aaa2ff Color Information
In a RGB color space, hex #aaa2ff is composed of 66.7% red, 63.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 36.5% magenta, 0% yellow and 0% black. It has a hue angle of 245.2 degrees, a saturation of 100% and a lightness of 81.8%. #aaa2ff color hex could be obtained by blending #ffffff with #5545ff. Closest websafe color is: #9999ff.
-
- R 67
- G 64
- B 100
-
- C 33
- M 36
- Y 0
- K 0
● #aaa2ff color description : Pale blue.
#aaa2ff Color Conversion
The hexadecimal color #aaa2ff has RGB values of R:170, G:162, B:255 and CMYK values of C:0.33, M:0.36, Y:0, K:0. Its decimal value is 11182847.
Hex triplet | aaa2ff | #aaa2ff |
---|---|---|
RGB Decimal | 170, 162, 255 | rgb(170,162,255) |
RGB Percent | 66.7, 63.5, 100 | rgb(66.7%,63.5%,100%) |
CMYK | 33, 36, 0, 0 | |
HSL | 245.2°, 100, 81.8 | hsl(245.2,100%,81.8%) |
HSV (or HSB) | 245.2°, 36.5, 100 | |
Web Safe | 9999ff | #9999ff |
CIE-LAB | 70.598, 23.64, -45.181 |
---|---|
XYZ | 47.545, 41.606, 100.128 |
xyY | 0.251, 0.22, 41.606 |
CIE-LCH | 70.598, 50.992, 297.619 |
CIE-LUV | 70.598, -2.007, -76.27 |
Hunter-Lab | 64.503, 18.691, -46.884 |
Binary | 10101010, 10100010, 11111111 |
Color Schemes with #aaa2ff
Alternatives to #aaa2ff
Below, you can see some colors close to #aaa2ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#aaa2ff Preview
This text has a font color of #aaa2ff.
<span style="color:#aaa2ff;">Text here</span>
This paragraph has a background color of #aaa2ff.
<p style="background-color:#aaa2ff;">Content here</p>
This element has a border color of #aaa2ff.
<div style="border:1px solid #aaa2ff;">Content here</div>
.text {color:#aaa2ff;}
.background {background-color:#aaa2ff;}
.border {border:1px solid #aaa2ff;}
Shades and Tints of #aaa2ff
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, #000005 is the darkest color, while #f2f0ff is the lightest one.
-
#000005
#000005
rgb(0,0,5)
-
#020019
#020019
rgb(2,0,25)
-
#04002c
#04002c
rgb(4,0,44)
-
#050040
#050040
rgb(5,0,64)
-
#070054
#070054
rgb(7,0,84)
-
#090067
#090067
rgb(9,0,103)
-
#0b007b
#0b007b
rgb(11,0,123)
-
#0c008e
#0c008e
rgb(12,0,142)
-
#0e00a2
#0e00a2
rgb(14,0,162)
-
#1000b6
#1000b6
rgb(16,0,182)
-
#1100c9
#1100c9
rgb(17,0,201)
-
#1300dd
#1300dd
rgb(19,0,221)
-
#1500f0
#1500f0
rgb(21,0,240)
-
#1b05ff
#1b05ff
rgb(27,5,255)
-
#2d19ff
#2d19ff
rgb(45,25,255)
-
#3e2cff
#3e2cff
rgb(62,44,255)
-
#5040ff
#5040ff
rgb(80,64,255)
-
#6254ff
#6254ff
rgb(98,84,255)
-
#7467ff
#7467ff
rgb(116,103,255)
-
#867bff
#867bff
rgb(134,123,255)
-
#988eff
#988eff
rgb(152,142,255)
-
#aaa2ff
#aaa2ff
rgb(170,162,255)
-
#bcb6ff
#bcb6ff
rgb(188,182,255)
-
#cec9ff
#cec9ff
rgb(206,201,255)
-
#e0ddff
#e0ddff
rgb(224,221,255)
-
#f2f0ff
#f2f0ff
rgb(242,240,255)
Tones of #aaa2ff
A tone is produced by adding gray to any pure hue. In this case, #cecdd4 is the less saturated color, while #aaa2ff is the most saturated one.
-
#cecdd4
#cecdd4
rgb(206,205,212)
-
#cbc9d8
#cbc9d8
rgb(203,201,216)
-
#c8c6db
#c8c6db
rgb(200,198,219)
-
#c5c2df
#c5c2df
rgb(197,194,223)
-
#c2bfe2
#c2bfe2
rgb(194,191,226)
-
#bfbbe6
#bfbbe6
rgb(191,187,230)
-
#bcb7ea
#bcb7ea
rgb(188,183,234)
-
#b9b4ed
#b9b4ed
rgb(185,180,237)
-
#b6b0f1
#b6b0f1
rgb(182,176,241)
-
#b3adf4
#b3adf4
rgb(179,173,244)
-
#b0a9f8
#b0a9f8
rgb(176,169,248)
-
#ada6fb
#ada6fb
rgb(173,166,251)
-
#aaa2ff
#aaa2ff
rgb(170,162,255)
Color Blindness Simulator
Below, you can see how #aaa2ff 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.