#a2bae5 Color Information
In a RGB color space, hex #a2bae5 is composed of 63.5% red, 72.9% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 29.3% cyan, 18.8% magenta, 0% yellow and 10.2% black. It has a hue angle of 218.5 degrees, a saturation of 56.3% and a lightness of 76.7%. #a2bae5 color hex could be obtained by blending #ffffff with #4575cb. Closest websafe color is: #99cccc.
-
- R 64
- G 73
- B 90
-
- C 29
- M 19
- Y 0
- K 10
● #a2bae5 color description : Very soft blue.
#a2bae5 Color Conversion
The hexadecimal color #a2bae5 has RGB values of R:162, G:186, B:229 and CMYK values of C:0.29, M:0.19, Y:0, K:0.1. Its decimal value is 10664677.
Hex triplet | a2bae5 | #a2bae5 |
---|---|---|
RGB Decimal | 162, 186, 229 | rgb(162,186,229) |
RGB Percent | 63.5, 72.9, 89.8 | rgb(63.5%,72.9%,89.8%) |
CMYK | 29, 19, 0, 10 | |
HSL | 218.5°, 56.3, 76.7 | hsl(218.5,56.3%,76.7%) |
HSV (or HSB) | 218.5°, 29.3, 89.8 | |
Web Safe | 99cccc | #99cccc |
CIE-LAB | 75.111, 1.54, -24.148 |
---|---|
XYZ | 46.599, 48.455, 81.022 |
xyY | 0.265, 0.275, 48.455 |
CIE-LCH | 75.111, 24.197, 273.649 |
CIE-LUV | 75.111, -14.127, -38.389 |
Hunter-Lab | 69.61, -2.323, -20.284 |
Binary | 10100010, 10111010, 11100101 |
Color Schemes with #a2bae5
Alternatives to #a2bae5
Below, you can see some colors close to #a2bae5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#a2bae5 Preview
This text has a font color of #a2bae5.
<span style="color:#a2bae5;">Text here</span>
This paragraph has a background color of #a2bae5.
<p style="background-color:#a2bae5;">Content here</p>
This element has a border color of #a2bae5.
<div style="border:1px solid #a2bae5;">Content here</div>
.text {color:#a2bae5;}
.background {background-color:#a2bae5;}
.border {border:1px solid #a2bae5;}
Shades and Tints of #a2bae5
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, #04080e is the darkest color, while #fefeff is the lightest one.
-
#04080e
#04080e
rgb(4,8,14)
-
#08101e
#08101e
rgb(8,16,30)
-
#0d182d
#0d182d
rgb(13,24,45)
-
#11203c
#11203c
rgb(17,32,60)
-
#15294c
#15294c
rgb(21,41,76)
-
#19315b
#19315b
rgb(25,49,91)
-
#1e396a
#1e396a
rgb(30,57,106)
-
#22417a
#22417a
rgb(34,65,122)
-
#264a89
#264a89
rgb(38,74,137)
-
#2b5298
#2b5298
rgb(43,82,152)
-
#2f5aa8
#2f5aa8
rgb(47,90,168)
-
#3362b7
#3362b7
rgb(51,98,183)
-
#376bc6
#376bc6
rgb(55,107,198)
-
#4676cb
#4676cb
rgb(70,118,203)
-
#5581d0
#5581d0
rgb(85,129,208)
-
#658dd4
#658dd4
rgb(101,141,212)
-
#7498d8
#7498d8
rgb(116,152,216)
-
#83a3dc
#83a3dc
rgb(131,163,220)
-
#93afe1
#93afe1
rgb(147,175,225)
-
#a2bae5
#a2bae5
rgb(162,186,229)
-
#b1c5e9
#b1c5e9
rgb(177,197,233)
-
#c1d1ee
#c1d1ee
rgb(193,209,238)
-
#d0dcf2
#d0dcf2
rgb(208,220,242)
-
#dfe7f6
#dfe7f6
rgb(223,231,246)
-
#eff3fa
#eff3fa
rgb(239,243,250)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #a2bae5
A tone is produced by adding gray to any pure hue. In this case, #c2c3c5 is the less saturated color, while #8bb4fc is the most saturated one.
-
#c2c3c5
#c2c3c5
rgb(194,195,197)
-
#bdc2ca
#bdc2ca
rgb(189,194,202)
-
#b9c0ce
#b9c0ce
rgb(185,192,206)
-
#b4bfd3
#b4bfd3
rgb(180,191,211)
-
#b0bed7
#b0bed7
rgb(176,190,215)
-
#abbddc
#abbddc
rgb(171,189,220)
-
#a7bbe0
#a7bbe0
rgb(167,187,224)
-
#a2bae5
#a2bae5
rgb(162,186,229)
-
#9db9ea
#9db9ea
rgb(157,185,234)
-
#99b7ee
#99b7ee
rgb(153,183,238)
-
#94b6f3
#94b6f3
rgb(148,182,243)
-
#90b5f7
#90b5f7
rgb(144,181,247)
-
#8bb4fc
#8bb4fc
rgb(139,180,252)
Color Blindness Simulator
Below, you can see how #a2bae5 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.