#a2bce3 Color Information
In a RGB color space, hex #a2bce3 is composed of 63.5% red, 73.7% green and 89% blue. Whereas in a CMYK color space, it is composed of 28.6% cyan, 17.2% magenta, 0% yellow and 11% black. It has a hue angle of 216 degrees, a saturation of 53.7% and a lightness of 76.3%. #a2bce3 color hex could be obtained by blending #ffffff with #4579c7. Closest websafe color is: #99cccc.
-
- R 64
- G 74
- B 89
-
- C 29
- M 17
- Y 0
- K 11
● #a2bce3 color description : Very soft blue.
#a2bce3 Color Conversion
The hexadecimal color #a2bce3 has RGB values of R:162, G:188, B:227 and CMYK values of C:0.29, M:0.17, Y:0, K:0.11. Its decimal value is 10665187.
Hex triplet | a2bce3 | #a2bce3 |
---|---|---|
RGB Decimal | 162, 188, 227 | rgb(162,188,227) |
RGB Percent | 63.5, 73.7, 89 | rgb(63.5%,73.7%,89%) |
CMYK | 29, 17, 0, 11 | |
HSL | 216°, 53.7, 76.3 | hsl(216,53.7%,76.3%) |
HSV (or HSB) | 216°, 28.6, 89 | |
Web Safe | 99cccc | #99cccc |
CIE-LAB | 75.571, -0.029, -22.364 |
---|---|
XYZ | 46.746, 49.193, 79.701 |
xyY | 0.266, 0.28, 49.193 |
CIE-LCH | 75.571, 22.364, 269.924 |
CIE-LUV | 75.571, -14.926, -35.238 |
Hunter-Lab | 70.137, -3.773, -18.278 |
Binary | 10100010, 10111100, 11100011 |
Color Schemes with #a2bce3
Alternatives to #a2bce3
Below, you can see some colors close to #a2bce3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#a2bce3 Preview
This text has a font color of #a2bce3.
<span style="color:#a2bce3;">Text here</span>
This paragraph has a background color of #a2bce3.
<p style="background-color:#a2bce3;">Content here</p>
This element has a border color of #a2bce3.
<div style="border:1px solid #a2bce3;">Content here</div>
.text {color:#a2bce3;}
.background {background-color:#a2bce3;}
.border {border:1px solid #a2bce3;}
Shades and Tints of #a2bce3
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, #04070d is the darkest color, while #fcfdfe is the lightest one.
-
#04070d
#04070d
rgb(4,7,13)
-
#08101c
#08101c
rgb(8,16,28)
-
#0d192b
#0d192b
rgb(13,25,43)
-
#11223a
#11223a
rgb(17,34,58)
-
#162a49
#162a49
rgb(22,42,73)
-
#1a3358
#1a3358
rgb(26,51,88)
-
#1f3c67
#1f3c67
rgb(31,60,103)
-
#244576
#244576
rgb(36,69,118)
-
#284d85
#284d85
rgb(40,77,133)
-
#2d5694
#2d5694
rgb(45,86,148)
-
#315fa3
#315fa3
rgb(49,95,163)
-
#3668b2
#3668b2
rgb(54,104,178)
-
#3a70c1
#3a70c1
rgb(58,112,193)
-
#487bc8
#487bc8
rgb(72,123,200)
-
#5786cc
#5786cc
rgb(87,134,204)
-
#6691d1
#6691d1
rgb(102,145,209)
-
#759bd5
#759bd5
rgb(117,155,213)
-
#84a6da
#84a6da
rgb(132,166,218)
-
#93b1de
#93b1de
rgb(147,177,222)
-
#a2bce3
#a2bce3
rgb(162,188,227)
-
#b1c7e8
#b1c7e8
rgb(177,199,232)
-
#c0d2ec
#c0d2ec
rgb(192,210,236)
-
#cfddf1
#cfddf1
rgb(207,221,241)
-
#dee7f5
#dee7f5
rgb(222,231,245)
-
#edf2fa
#edf2fa
rgb(237,242,250)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #a2bce3
A tone is produced by adding gray to any pure hue. In this case, #bec2c7 is the less saturated color, while #86b6ff is the most saturated one.
-
#bec2c7
#bec2c7
rgb(190,194,199)
-
#b9c1cc
#b9c1cc
rgb(185,193,204)
-
#b5c0d0
#b5c0d0
rgb(181,192,208)
-
#b0bfd5
#b0bfd5
rgb(176,191,213)
-
#abbeda
#abbeda
rgb(171,190,218)
-
#a7bdde
#a7bdde
rgb(167,189,222)
-
#a2bce3
#a2bce3
rgb(162,188,227)
-
#9dbbe8
#9dbbe8
rgb(157,187,232)
-
#99baec
#99baec
rgb(153,186,236)
-
#94b9f1
#94b9f1
rgb(148,185,241)
-
#8fb8f6
#8fb8f6
rgb(143,184,246)
-
#8bb7fa
#8bb7fa
rgb(139,183,250)
-
#86b6ff
#86b6ff
rgb(134,182,255)
Color Blindness Simulator
Below, you can see how #a2bce3 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.