#a2cdd2 Color Information
In a RGB color space, hex #a2cdd2 is composed of 63.5% red, 80.4% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 22.9% cyan, 2.4% magenta, 0% yellow and 17.6% black. It has a hue angle of 186.3 degrees, a saturation of 34.8% and a lightness of 72.9%. #a2cdd2 color hex could be obtained by blending #ffffff with #459ba5. Closest websafe color is: #99cccc.
-
- R 64
- G 80
- B 82
-
- C 23
- M 2
- Y 0
- K 18
● #a2cdd2 color description : Grayish cyan.
#a2cdd2 Color Conversion
The hexadecimal color #a2cdd2 has RGB values of R:162, G:205, B:210 and CMYK values of C:0.23, M:0.02, Y:0, K:0.18. Its decimal value is 10669522.
Hex triplet | a2cdd2 | #a2cdd2 |
---|---|---|
RGB Decimal | 162, 205, 210 | rgb(162,205,210) |
RGB Percent | 63.5, 80.4, 82.4 | rgb(63.5%,80.4%,82.4%) |
CMYK | 23, 2, 0, 18 | |
HSL | 186.3°, 34.8, 72.9 | hsl(186.3,34.8%,72.9%) |
HSV (or HSB) | 186.3°, 22.9, 82.4 | |
Web Safe | 99cccc | #99cccc |
CIE-LAB | 79.611, -12.948, -7.131 |
---|---|
XYZ | 48.362, 55.996, 69.229 |
xyY | 0.279, 0.323, 55.996 |
CIE-LCH | 79.611, 14.782, 208.843 |
CIE-LUV | 79.611, -22.08, -8.809 |
Hunter-Lab | 74.83, -15.591, -2.471 |
Binary | 10100010, 11001101, 11010010 |
Color Schemes with #a2cdd2
Alternatives to #a2cdd2
Below, you can see some colors close to #a2cdd2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#a2cdd2 Preview
This text has a font color of #a2cdd2.
<span style="color:#a2cdd2;">Text here</span>
This paragraph has a background color of #a2cdd2.
<p style="background-color:#a2cdd2;">Content here</p>
This element has a border color of #a2cdd2.
<div style="border:1px solid #a2cdd2;">Content here</div>
.text {color:#a2cdd2;}
.background {background-color:#a2cdd2;}
.border {border:1px solid #a2cdd2;}
Shades and Tints of #a2cdd2
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, #060c0d is the darkest color, while #ffffff is the lightest one.
-
#060c0d
#060c0d
rgb(6,12,13)
-
#0d191a
#0d191a
rgb(13,25,26)
-
#132527
#132527
rgb(19,37,39)
-
#193234
#193234
rgb(25,50,52)
-
#203e42
#203e42
rgb(32,62,66)
-
#264b4f
#264b4f
rgb(38,75,79)
-
#2d575c
#2d575c
rgb(45,87,92)
-
#336469
#336469
rgb(51,100,105)
-
#397077
#397077
rgb(57,112,119)
-
#407d84
#407d84
rgb(64,125,132)
-
#468991
#468991
rgb(70,137,145)
-
#4d969e
#4d969e
rgb(77,150,158)
-
#53a2ab
#53a2ab
rgb(83,162,171)
-
#60a9b2
#60a9b2
rgb(96,169,178)
-
#6db1b8
#6db1b8
rgb(109,177,184)
-
#7ab8bf
#7ab8bf
rgb(122,184,191)
-
#88bfc5
#88bfc5
rgb(136,191,197)
-
#95c6cc
#95c6cc
rgb(149,198,204)
-
#a2cdd2
#a2cdd2
rgb(162,205,210)
-
#afd4d8
#afd4d8
rgb(175,212,216)
-
#bcdbdf
#bcdbdf
rgb(188,219,223)
-
#cae2e5
#cae2e5
rgb(202,226,229)
-
#d7e9ec
#d7e9ec
rgb(215,233,236)
-
#e4f1f2
#e4f1f2
rgb(228,241,242)
-
#f1f8f8
#f1f8f8
rgb(241,248,248)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #a2cdd2
A tone is produced by adding gray to any pure hue. In this case, #b7bcbd is the less saturated color, while #78effc is the most saturated one.
-
#b7bcbd
#b7bcbd
rgb(183,188,189)
-
#b2c0c2
#b2c0c2
rgb(178,192,194)
-
#adc5c7
#adc5c7
rgb(173,197,199)
-
#a7c9cd
#a7c9cd
rgb(167,201,205)
-
#a2cdd2
#a2cdd2
rgb(162,205,210)
-
#9dd1d7
#9dd1d7
rgb(157,209,215)
-
#97d5dd
#97d5dd
rgb(151,213,221)
-
#92dae2
#92dae2
rgb(146,218,226)
-
#8ddee7
#8ddee7
rgb(141,222,231)
-
#87e2ed
#87e2ed
rgb(135,226,237)
-
#82e6f2
#82e6f2
rgb(130,230,242)
-
#7deaf7
#7deaf7
rgb(125,234,247)
-
#78effc
#78effc
rgb(120,239,252)
Color Blindness Simulator
Below, you can see how #a2cdd2 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.