#a2bac2 Color Information
In a RGB color space, hex #a2bac2 is composed of 63.5% red, 72.9% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 16.5% cyan, 4.1% magenta, 0% yellow and 23.9% black. It has a hue angle of 195 degrees, a saturation of 20.8% and a lightness of 69.8%. #a2bac2 color hex could be obtained by blending #ffffff with #457585. Closest websafe color is: #99cccc.
-
- R 64
- G 73
- B 76
-
- C 16
- M 4
- Y 0
- K 24
● #a2bac2 color description : Grayish blue.
#a2bac2 Color Conversion
The hexadecimal color #a2bac2 has RGB values of R:162, G:186, B:194 and CMYK values of C:0.16, M:0.04, Y:0, K:0.24. Its decimal value is 10664642.
Hex triplet | a2bac2 | #a2bac2 |
---|---|---|
RGB Decimal | 162, 186, 194 | rgb(162,186,194) |
RGB Percent | 63.5, 72.9, 76.1 | rgb(63.5%,72.9%,76.1%) |
CMYK | 16, 4, 0, 24 | |
HSL | 195°, 20.8, 69.8 | hsl(195,20.8%,69.8%) |
HSV (or HSB) | 195°, 16.5, 76.1 | |
Web Safe | 99cccc | #99cccc |
CIE-LAB | 73.993, -6.476, -6.803 |
---|---|
XYZ | 42.195, 46.693, 57.826 |
xyY | 0.288, 0.318, 46.693 |
CIE-LCH | 73.993, 9.392, 226.408 |
CIE-LUV | 73.993, -13.08, -9.229 |
Hunter-Lab | 68.333, -9.36, -2.341 |
Binary | 10100010, 10111010, 11000010 |
Color Schemes with #a2bac2
Alternatives to #a2bac2
Below, you can see some colors close to #a2bac2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#a2bac2 Preview
This text has a font color of #a2bac2.
<span style="color:#a2bac2;">Text here</span>
This paragraph has a background color of #a2bac2.
<p style="background-color:#a2bac2;">Content here</p>
This element has a border color of #a2bac2.
<div style="border:1px solid #a2bac2;">Content here</div>
.text {color:#a2bac2;}
.background {background-color:#a2bac2;}
.border {border:1px solid #a2bac2;}
Shades and Tints of #a2bac2
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, #010202 is the darkest color, while #f5f8f8 is the lightest one.
-
#010202
#010202
rgb(1,2,2)
-
#090c0e
#090c0e
rgb(9,12,14)
-
#111719
#111719
rgb(17,23,25)
-
#182225
#182225
rgb(24,34,37)
-
#202d31
#202d31
rgb(32,45,49)
-
#28383d
#28383d
rgb(40,56,61)
-
#304349
#304349
rgb(48,67,73)
-
#384d55
#384d55
rgb(56,77,85)
-
#3f5861
#3f5861
rgb(63,88,97)
-
#47636c
#47636c
rgb(71,99,108)
-
#4f6e78
#4f6e78
rgb(79,110,120)
-
#577984
#577984
rgb(87,121,132)
-
#5e8490
#5e8490
rgb(94,132,144)
-
#678e9b
#678e9b
rgb(103,142,155)
-
#7397a3
#7397a3
rgb(115,151,163)
-
#7ea0ab
#7ea0ab
rgb(126,160,171)
-
#8aa8b2
#8aa8b2
rgb(138,168,178)
-
#96b1ba
#96b1ba
rgb(150,177,186)
-
#a2bac2
#a2bac2
rgb(162,186,194)
-
#aec3ca
#aec3ca
rgb(174,195,202)
-
#baccd2
#baccd2
rgb(186,204,210)
-
#c6d4d9
#c6d4d9
rgb(198,212,217)
-
#d1dde1
#d1dde1
rgb(209,221,225)
-
#dde6e9
#dde6e9
rgb(221,230,233)
-
#e9eff1
#e9eff1
rgb(233,239,241)
-
#f5f8f8
#f5f8f8
rgb(245,248,248)
Tones of #a2bac2
A tone is produced by adding gray to any pure hue. In this case, #aeb4b6 is the less saturated color, while #67d8fd is the most saturated one.
-
#aeb4b6
#aeb4b6
rgb(174,180,182)
-
#a8b7bc
#a8b7bc
rgb(168,183,188)
-
#a2bac2
#a2bac2
rgb(162,186,194)
-
#9cbdc8
#9cbdc8
rgb(156,189,200)
-
#96c0ce
#96c0ce
rgb(150,192,206)
-
#90c3d4
#90c3d4
rgb(144,195,212)
-
#8ac6da
#8ac6da
rgb(138,198,218)
-
#84c9e0
#84c9e0
rgb(132,201,224)
-
#7ecce6
#7ecce6
rgb(126,204,230)
-
#79cfeb
#79cfeb
rgb(121,207,235)
-
#73d2f1
#73d2f1
rgb(115,210,241)
-
#6dd5f7
#6dd5f7
rgb(109,213,247)
-
#67d8fd
#67d8fd
rgb(103,216,253)
Color Blindness Simulator
Below, you can see how #a2bac2 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.