#aaaff2 Color Information
In a RGB color space, hex #aaaff2 is composed of 66.7% red, 68.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 29.8% cyan, 27.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 235.8 degrees, a saturation of 73.5% and a lightness of 80.8%. #aaaff2 color hex could be obtained by blending #ffffff with #555fe5. Closest websafe color is: #9999ff.
-
- R 67
- G 69
- B 95
-
- C 30
- M 28
- Y 0
- K 5
● #aaaff2 color description : Very soft blue.
#aaaff2 Color Conversion
The hexadecimal color #aaaff2 has RGB values of R:170, G:175, B:242 and CMYK values of C:0.3, M:0.28, Y:0, K:0.05. Its decimal value is 11186162.
Hex triplet | aaaff2 | #aaaff2 |
---|---|---|
RGB Decimal | 170, 175, 242 | rgb(170,175,242) |
RGB Percent | 66.7, 68.6, 94.9 | rgb(66.7%,68.6%,94.9%) |
CMYK | 30, 28, 0, 5 | |
HSL | 235.8°, 73.5, 80.8 | hsl(235.8,73.5%,80.8%) |
HSV (or HSB) | 235.8°, 29.8, 94.9 | |
Web Safe | 9999ff | #9999ff |
CIE-LAB | 73.296, 13.087, -33.933 |
---|---|
XYZ | 47.931, 45.616, 90.279 |
xyY | 0.261, 0.248, 45.616 |
CIE-LCH | 73.296, 36.369, 291.091 |
CIE-LUV | 73.296, -6.374, -56.24 |
Hunter-Lab | 67.54, 8.483, -31.974 |
Binary | 10101010, 10101111, 11110010 |
Color Schemes with #aaaff2
Alternatives to #aaaff2
Below, you can see some colors close to #aaaff2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#aaaff2 Preview
This text has a font color of #aaaff2.
<span style="color:#aaaff2;">Text here</span>
This paragraph has a background color of #aaaff2.
<p style="background-color:#aaaff2;">Content here</p>
This element has a border color of #aaaff2.
<div style="border:1px solid #aaaff2;">Content here</div>
.text {color:#aaaff2;}
.background {background-color:#aaaff2;}
.border {border:1px solid #aaaff2;}
Shades and Tints of #aaaff2
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, #000000 is the darkest color, while #eeeffc is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#030411
#030411
rgb(3,4,17)
-
#050722
#050722
rgb(5,7,34)
-
#080b33
#080b33
rgb(8,11,51)
-
#0a0e44
#0a0e44
rgb(10,14,68)
-
#0d1255
#0d1255
rgb(13,18,85)
-
#101666
#101666
rgb(16,22,102)
-
#121977
#121977
rgb(18,25,119)
-
#151d88
#151d88
rgb(21,29,136)
-
#172099
#172099
rgb(23,32,153)
-
#1a24aa
#1a24aa
rgb(26,36,170)
-
#1d28bb
#1d28bb
rgb(29,40,187)
-
#1f2bcc
#1f2bcc
rgb(31,43,204)
-
#222fdd
#222fdd
rgb(34,47,221)
-
#333fe0
#333fe0
rgb(51,63,224)
-
#444fe2
#444fe2
rgb(68,79,226)
-
#555fe5
#555fe5
rgb(85,95,229)
-
#666fe8
#666fe8
rgb(102,111,232)
-
#777fea
#777fea
rgb(119,127,234)
-
#888fed
#888fed
rgb(136,143,237)
-
#999fef
#999fef
rgb(153,159,239)
-
#aaaff2
#aaaff2
rgb(170,175,242)
-
#bbbff5
#bbbff5
rgb(187,191,245)
-
#cccff7
#cccff7
rgb(204,207,247)
-
#dddffa
#dddffa
rgb(221,223,250)
-
#eeeffc
#eeeffc
rgb(238,239,252)
Tones of #aaaff2
A tone is produced by adding gray to any pure hue. In this case, #ccccd0 is the less saturated color, while #9fa5fd is the most saturated one.
-
#ccccd0
#ccccd0
rgb(204,204,208)
-
#c8c9d4
#c8c9d4
rgb(200,201,212)
-
#c4c6d8
#c4c6d8
rgb(196,198,216)
-
#c1c2db
#c1c2db
rgb(193,194,219)
-
#bdbfdf
#bdbfdf
rgb(189,191,223)
-
#b9bce3
#b9bce3
rgb(185,188,227)
-
#b5b9e7
#b5b9e7
rgb(181,185,231)
-
#b2b5ea
#b2b5ea
rgb(178,181,234)
-
#aeb2ee
#aeb2ee
rgb(174,178,238)
-
#aaaff2
#aaaff2
rgb(170,175,242)
-
#a6acf6
#a6acf6
rgb(166,172,246)
-
#a2a9fa
#a2a9fa
rgb(162,169,250)
-
#9fa5fd
#9fa5fd
rgb(159,165,253)
Color Blindness Simulator
Below, you can see how #aaaff2 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.