#a2bac5 Color Information
In a RGB color space, hex #a2bac5 is composed of 63.5% red, 72.9% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 5.6% magenta, 0% yellow and 22.7% black. It has a hue angle of 198.9 degrees, a saturation of 23.2% and a lightness of 70.4%. #a2bac5 color hex could be obtained by blending #ffffff with #45758b. Closest websafe color is: #99cccc.
-
- R 64
- G 73
- B 77
-
- C 18
- M 6
- Y 0
- K 23
● #a2bac5 color description : Grayish blue.
#a2bac5 Color Conversion
The hexadecimal color #a2bac5 has RGB values of R:162, G:186, B:197 and CMYK values of C:0.18, M:0.06, Y:0, K:0.23. Its decimal value is 10664645.
Hex triplet | a2bac5 | #a2bac5 |
---|---|---|
RGB Decimal | 162, 186, 197 | rgb(162,186,197) |
RGB Percent | 63.5, 72.9, 77.3 | rgb(63.5%,72.9%,77.3%) |
CMYK | 18, 6, 0, 23 | |
HSL | 198.9°, 23.2, 70.4 | hsl(198.9,23.2%,70.4%) |
HSV (or HSB) | 198.9°, 17.8, 77.3 | |
Web Safe | 99cccc | #99cccc |
CIE-LAB | 74.081, -5.83, -8.309 |
---|---|
XYZ | 42.535, 46.83, 59.618 |
xyY | 0.286, 0.314, 46.83 |
CIE-LCH | 74.081, 10.15, 234.943 |
CIE-LUV | 74.081, -13.167, -11.674 |
Hunter-Lab | 68.432, -8.807, -3.751 |
Binary | 10100010, 10111010, 11000101 |
Color Schemes with #a2bac5
Alternatives to #a2bac5
Below, you can see some colors close to #a2bac5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#a2bac5 Preview
This text has a font color of #a2bac5.
<span style="color:#a2bac5;">Text here</span>
This paragraph has a background color of #a2bac5.
<p style="background-color:#a2bac5;">Content here</p>
This element has a border color of #a2bac5.
<div style="border:1px solid #a2bac5;">Content here</div>
.text {color:#a2bac5;}
.background {background-color:#a2bac5;}
.border {border:1px solid #a2bac5;}
Shades and Tints of #a2bac5
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, #020304 is the darkest color, while #f7f9fa is the lightest one.
-
#020304
#020304
rgb(2,3,4)
-
#0a0e10
#0a0e10
rgb(10,14,16)
-
#11191c
#11191c
rgb(17,25,28)
-
#192328
#192328
rgb(25,35,40)
-
#202e34
#202e34
rgb(32,46,52)
-
#283840
#283840
rgb(40,56,64)
-
#2f434c
#2f434c
rgb(47,67,76)
-
#374e58
#374e58
rgb(55,78,88)
-
#3f5864
#3f5864
rgb(63,88,100)
-
#466370
#466370
rgb(70,99,112)
-
#4e6e7c
#4e6e7c
rgb(78,110,124)
-
#557889
#557889
rgb(85,120,137)
-
#5d8395
#5d8395
rgb(93,131,149)
-
#668d9f
#668d9f
rgb(102,141,159)
-
#7296a7
#7296a7
rgb(114,150,167)
-
#7e9fae
#7e9fae
rgb(126,159,174)
-
#8aa8b6
#8aa8b6
rgb(138,168,182)
-
#96b1bd
#96b1bd
rgb(150,177,189)
-
#a2bac5
#a2bac5
rgb(162,186,197)
-
#aec3cd
#aec3cd
rgb(174,195,205)
-
#baccd4
#baccd4
rgb(186,204,212)
-
#c6d5dc
#c6d5dc
rgb(198,213,220)
-
#d2dee3
#d2dee3
rgb(210,222,227)
-
#dee7eb
#dee7eb
rgb(222,231,235)
-
#eaf0f2
#eaf0f2
rgb(234,240,242)
-
#f7f9fa
#f7f9fa
rgb(247,249,250)
Tones of #a2bac5
A tone is produced by adding gray to any pure hue. In this case, #b3b4b4 is the less saturated color, while #6ecdf9 is the most saturated one.
-
#b3b4b4
#b3b4b4
rgb(179,180,180)
-
#aeb6b9
#aeb6b9
rgb(174,182,185)
-
#a8b8bf
#a8b8bf
rgb(168,184,191)
-
#a2bac5
#a2bac5
rgb(162,186,197)
-
#9cbccb
#9cbccb
rgb(156,188,203)
-
#96bed1
#96bed1
rgb(150,190,209)
-
#91c0d6
#91c0d6
rgb(145,192,214)
-
#8bc3dc
#8bc3dc
rgb(139,195,220)
-
#85c5e2
#85c5e2
rgb(133,197,226)
-
#7fc7e8
#7fc7e8
rgb(127,199,232)
-
#79c9ee
#79c9ee
rgb(121,201,238)
-
#74cbf3
#74cbf3
rgb(116,203,243)
-
#6ecdf9
#6ecdf9
rgb(110,205,249)
Color Blindness Simulator
Below, you can see how #a2bac5 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.