#a2bac6 Color Information
In a RGB color space, hex #a2bac6 is composed of 63.5% red, 72.9% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 6.1% magenta, 0% yellow and 22.4% black. It has a hue angle of 200 degrees, a saturation of 24% and a lightness of 70.6%. #a2bac6 color hex could be obtained by blending #ffffff with #45758d. Closest websafe color is: #99cccc.
-
- R 64
- G 73
- B 78
-
- C 18
- M 6
- Y 0
- K 22
● #a2bac6 color description : Grayish blue.
#a2bac6 Color Conversion
The hexadecimal color #a2bac6 has RGB values of R:162, G:186, B:198 and CMYK values of C:0.18, M:0.06, Y:0, K:0.22. Its decimal value is 10664646.
Hex triplet | a2bac6 | #a2bac6 |
---|---|---|
RGB Decimal | 162, 186, 198 | rgb(162,186,198) |
RGB Percent | 63.5, 72.9, 77.6 | rgb(63.5%,72.9%,77.6%) |
CMYK | 18, 6, 0, 22 | |
HSL | 200°, 24, 70.6 | hsl(200,24%,70.6%) |
HSV (or HSB) | 200°, 18.2, 77.6 | |
Web Safe | 99cccc | #99cccc |
CIE-LAB | 74.11, -5.613, -8.81 |
---|---|
XYZ | 42.65, 46.876, 60.224 |
xyY | 0.285, 0.313, 46.876 |
CIE-LCH | 74.11, 10.446, 237.498 |
CIE-LUV | 74.11, -13.196, -12.492 |
Hunter-Lab | 68.466, -8.62, -4.227 |
Binary | 10100010, 10111010, 11000110 |
Color Schemes with #a2bac6
Alternatives to #a2bac6
Below, you can see some colors close to #a2bac6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#a2bac6 Preview
This text has a font color of #a2bac6.
<span style="color:#a2bac6;">Text here</span>
This paragraph has a background color of #a2bac6.
<p style="background-color:#a2bac6;">Content here</p>
This element has a border color of #a2bac6.
<div style="border:1px solid #a2bac6;">Content here</div>
.text {color:#a2bac6;}
.background {background-color:#a2bac6;}
.border {border:1px solid #a2bac6;}
Shades and Tints of #a2bac6
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, #030404 is the darkest color, while #f7f9fa is the lightest one.
-
#030404
#030404
rgb(3,4,4)
-
#0a0e10
#0a0e10
rgb(10,14,16)
-
#12191d
#12191d
rgb(18,25,29)
-
#192429
#192429
rgb(25,36,41)
-
#202e35
#202e35
rgb(32,46,53)
-
#283941
#283941
rgb(40,57,65)
-
#2f434d
#2f434d
rgb(47,67,77)
-
#374e59
#374e59
rgb(55,78,89)
-
#3e5866
#3e5866
rgb(62,88,102)
-
#466372
#466372
rgb(70,99,114)
-
#4d6e7e
#4d6e7e
rgb(77,110,126)
-
#55788a
#55788a
rgb(85,120,138)
-
#5c8396
#5c8396
rgb(92,131,150)
-
#658da1
#658da1
rgb(101,141,161)
-
#7196a8
#7196a8
rgb(113,150,168)
-
#7e9fb0
#7e9fb0
rgb(126,159,176)
-
#8aa8b7
#8aa8b7
rgb(138,168,183)
-
#96b1bf
#96b1bf
rgb(150,177,191)
-
#a2bac6
#a2bac6
rgb(162,186,198)
-
#aec3cd
#aec3cd
rgb(174,195,205)
-
#baccd5
#baccd5
rgb(186,204,213)
-
#c6d5dc
#c6d5dc
rgb(198,213,220)
-
#d3dee4
#d3dee4
rgb(211,222,228)
-
#dfe7eb
#dfe7eb
rgb(223,231,235)
-
#ebf0f3
#ebf0f3
rgb(235,240,243)
-
#f7f9fa
#f7f9fa
rgb(247,249,250)
Tones of #a2bac6
A tone is produced by adding gray to any pure hue. In this case, #b3b4b5 is the less saturated color, while #6ecbfa is the most saturated one.
-
#b3b4b5
#b3b4b5
rgb(179,180,181)
-
#aeb6ba
#aeb6ba
rgb(174,182,186)
-
#a8b8c0
#a8b8c0
rgb(168,184,192)
-
#a2bac6
#a2bac6
rgb(162,186,198)
-
#9cbccc
#9cbccc
rgb(156,188,204)
-
#96bed2
#96bed2
rgb(150,190,210)
-
#91c0d7
#91c0d7
rgb(145,192,215)
-
#8bc2dd
#8bc2dd
rgb(139,194,221)
-
#85c4e3
#85c4e3
rgb(133,196,227)
-
#7fc6e9
#7fc6e9
rgb(127,198,233)
-
#7ac7ee
#7ac7ee
rgb(122,199,238)
-
#74c9f4
#74c9f4
rgb(116,201,244)
-
#6ecbfa
#6ecbfa
rgb(110,203,250)
Color Blindness Simulator
Below, you can see how #a2bac6 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.