#a2becc Color Information
In a RGB color space, hex #a2becc is composed of 63.5% red, 74.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 20.6% cyan, 6.9% magenta, 0% yellow and 20% black. It has a hue angle of 200 degrees, a saturation of 29.2% and a lightness of 71.8%. #a2becc color hex could be obtained by blending #ffffff with #457d99. Closest websafe color is: #99cccc.
-
- R 64
- G 75
- B 80
-
- C 21
- M 7
- Y 0
- K 20
● #a2becc color description : Grayish blue.
#a2becc Color Conversion
The hexadecimal color #a2becc has RGB values of R:162, G:190, B:204 and CMYK values of C:0.21, M:0.07, Y:0, K:0.2. Its decimal value is 10665676.
Hex triplet | a2becc | #a2becc |
---|---|---|
RGB Decimal | 162, 190, 204 | rgb(162,190,204) |
RGB Percent | 63.5, 74.5, 80 | rgb(63.5%,74.5%,80%) |
CMYK | 21, 7, 0, 20 | |
HSL | 200°, 29.2, 71.8 | hsl(200,29.2%,71.8%) |
HSV (or HSB) | 200°, 20.6, 80 | |
Web Safe | 99cccc | #99cccc |
CIE-LAB | 75.368, -6.424, -10.2 |
---|---|
XYZ | 44.21, 48.867, 64.226 |
xyY | 0.281, 0.311, 48.867 |
CIE-LCH | 75.368, 12.054, 237.795 |
CIE-LUV | 75.368, -15.195, -14.581 |
Hunter-Lab | 69.905, -9.443, -5.54 |
Binary | 10100010, 10111110, 11001100 |
Color Schemes with #a2becc
Alternatives to #a2becc
Below, you can see some colors close to #a2becc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#a2becc Preview
This text has a font color of #a2becc.
<span style="color:#a2becc;">Text here</span>
This paragraph has a background color of #a2becc.
<p style="background-color:#a2becc;">Content here</p>
This element has a border color of #a2becc.
<div style="border:1px solid #a2becc;">Content here</div>
.text {color:#a2becc;}
.background {background-color:#a2becc;}
.border {border:1px solid #a2becc;}
Shades and Tints of #a2becc
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, #050708 is the darkest color, while #fbfcfd is the lightest one.
-
#050708
#050708
rgb(5,7,8)
-
#0c1215
#0c1215
rgb(12,18,21)
-
#121d22
#121d22
rgb(18,29,34)
-
#19272e
#19272e
rgb(25,39,46)
-
#20323b
#20323b
rgb(32,50,59)
-
#273d48
#273d48
rgb(39,61,72)
-
#2e4854
#2e4854
rgb(46,72,84)
-
#355261
#355261
rgb(53,82,97)
-
#3c5d6e
#3c5d6e
rgb(60,93,110)
-
#43687a
#43687a
rgb(67,104,122)
-
#4a7387
#4a7387
rgb(74,115,135)
-
#517d94
#517d94
rgb(81,125,148)
-
#5888a0
#5888a0
rgb(88,136,160)
-
#6392a9
#6392a9
rgb(99,146,169)
-
#6f9bb0
#6f9bb0
rgb(111,155,176)
-
#7ca3b7
#7ca3b7
rgb(124,163,183)
-
#89acbe
#89acbe
rgb(137,172,190)
-
#95b5c5
#95b5c5
rgb(149,181,197)
-
#a2becc
#a2becc
rgb(162,190,204)
-
#afc7d3
#afc7d3
rgb(175,199,211)
-
#bbd0da
#bbd0da
rgb(187,208,218)
-
#c8d9e1
#c8d9e1
rgb(200,217,225)
-
#d5e1e8
#d5e1e8
rgb(213,225,232)
-
#e1eaef
#e1eaef
rgb(225,234,239)
-
#eef3f6
#eef3f6
rgb(238,243,246)
-
#fbfcfd
#fbfcfd
rgb(251,252,253)
Tones of #a2becc
A tone is produced by adding gray to any pure hue. In this case, #b3b8bb is the less saturated color, while #70cffe is the most saturated one.
-
#b3b8bb
#b3b8bb
rgb(179,184,187)
-
#adbac1
#adbac1
rgb(173,186,193)
-
#a8bcc6
#a8bcc6
rgb(168,188,198)
-
#a2becc
#a2becc
rgb(162,190,204)
-
#9cc0d2
#9cc0d2
rgb(156,192,210)
-
#97c2d7
#97c2d7
rgb(151,194,215)
-
#91c4dd
#91c4dd
rgb(145,196,221)
-
#8cc5e2
#8cc5e2
rgb(140,197,226)
-
#86c7e8
#86c7e8
rgb(134,199,232)
-
#81c9ed
#81c9ed
rgb(129,201,237)
-
#7bcbf3
#7bcbf3
rgb(123,203,243)
-
#76cdf8
#76cdf8
rgb(118,205,248)
-
#70cffe
#70cffe
rgb(112,207,254)
Color Blindness Simulator
Below, you can see how #a2becc 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.