#a2bdd0 Color Information
In a RGB color space, hex #a2bdd0 is composed of 63.5% red, 74.1% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 22.1% cyan, 9.1% magenta, 0% yellow and 18.4% black. It has a hue angle of 204.8 degrees, a saturation of 32.9% and a lightness of 72.5%. #a2bdd0 color hex could be obtained by blending #ffffff with #457ba1. Closest websafe color is: #99cccc.
-
- R 64
- G 74
- B 82
-
- C 22
- M 9
- Y 0
- K 18
● #a2bdd0 color description : Grayish blue.
#a2bdd0 Color Conversion
The hexadecimal color #a2bdd0 has RGB values of R:162, G:189, B:208 and CMYK values of C:0.22, M:0.09, Y:0, K:0.18. Its decimal value is 10665424.
Hex triplet | a2bdd0 | #a2bdd0 |
---|---|---|
RGB Decimal | 162, 189, 208 | rgb(162,189,208) |
RGB Percent | 63.5, 74.1, 81.6 | rgb(63.5%,74.1%,81.6%) |
CMYK | 22, 9, 0, 18 | |
HSL | 204.8°, 32.9, 72.5 | hsl(204.8,32.9%,72.5%) |
HSV (or HSB) | 204.8°, 22.1, 81.6 | |
Web Safe | 99cccc | #99cccc |
CIE-LAB | 75.22, -4.998, -12.593 |
---|---|
XYZ | 44.481, 48.63, 66.714 |
xyY | 0.278, 0.304, 48.63 |
CIE-LCH | 75.22, 13.549, 248.351 |
CIE-LUV | 75.22, -14.845, -18.596 |
Hunter-Lab | 69.735, -8.18, -7.907 |
Binary | 10100010, 10111101, 11010000 |
Color Schemes with #a2bdd0
Alternatives to #a2bdd0
Below, you can see some colors close to #a2bdd0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#a2bdd0 Preview
This text has a font color of #a2bdd0.
<span style="color:#a2bdd0;">Text here</span>
This paragraph has a background color of #a2bdd0.
<p style="background-color:#a2bdd0;">Content here</p>
This element has a border color of #a2bdd0.
<div style="border:1px solid #a2bdd0;">Content here</div>
.text {color:#a2bdd0;}
.background {background-color:#a2bdd0;}
.border {border:1px solid #a2bdd0;}
Shades and Tints of #a2bdd0
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, #06090b is the darkest color, while #fdfefe is the lightest one.
-
#06090b
#06090b
rgb(6,9,11)
-
#0c1318
#0c1318
rgb(12,19,24)
-
#131e25
#131e25
rgb(19,30,37)
-
#192832
#192832
rgb(25,40,50)
-
#20323f
#20323f
rgb(32,50,63)
-
#273d4c
#273d4c
rgb(39,61,76)
-
#2d4759
#2d4759
rgb(45,71,89)
-
#345266
#345266
rgb(52,82,102)
-
#3a5c73
#3a5c73
rgb(58,92,115)
-
#416681
#416681
rgb(65,102,129)
-
#48718e
#48718e
rgb(72,113,142)
-
#4e7b9b
#4e7b9b
rgb(78,123,155)
-
#5585a8
#5585a8
rgb(85,133,168)
-
#618faf
#618faf
rgb(97,143,175)
-
#6e98b6
#6e98b6
rgb(110,152,182)
-
#7ba1bc
#7ba1bc
rgb(123,161,188)
-
#88abc3
#88abc3
rgb(136,171,195)
-
#95b4c9
#95b4c9
rgb(149,180,201)
-
#a2bdd0
#a2bdd0
rgb(162,189,208)
-
#afc6d7
#afc6d7
rgb(175,198,215)
-
#bccfdd
#bccfdd
rgb(188,207,221)
-
#c9d9e4
#c9d9e4
rgb(201,217,228)
-
#d6e2ea
#d6e2ea
rgb(214,226,234)
-
#e3ebf1
#e3ebf1
rgb(227,235,241)
-
#f0f4f8
#f0f4f8
rgb(240,244,248)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #a2bdd0
A tone is produced by adding gray to any pure hue. In this case, #b8b9ba is the less saturated color, while #77c4fb is the most saturated one.
-
#b8b9ba
#b8b9ba
rgb(184,185,186)
-
#b2bac0
#b2bac0
rgb(178,186,192)
-
#adbbc5
#adbbc5
rgb(173,187,197)
-
#a7bccb
#a7bccb
rgb(167,188,203)
-
#a2bdd0
#a2bdd0
rgb(162,189,208)
-
#9dbed5
#9dbed5
rgb(157,190,213)
-
#97bfdb
#97bfdb
rgb(151,191,219)
-
#92c0e0
#92c0e0
rgb(146,192,224)
-
#8cc1e6
#8cc1e6
rgb(140,193,230)
-
#87c2eb
#87c2eb
rgb(135,194,235)
-
#82c3f0
#82c3f0
rgb(130,195,240)
-
#7cc4f6
#7cc4f6
rgb(124,196,246)
-
#77c4fb
#77c4fb
rgb(119,196,251)
Color Blindness Simulator
Below, you can see how #a2bdd0 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.