#a2ecf8 Color Information
In a RGB color space, hex #a2ecf8 is composed of 63.5% red, 92.5% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 34.7% cyan, 4.8% magenta, 0% yellow and 2.7% black. It has a hue angle of 188.4 degrees, a saturation of 86% and a lightness of 80.4%. #a2ecf8 color hex could be obtained by blending #ffffff with #45d9f1. Closest websafe color is: #99ffff.
-
- R 64
- G 93
- B 97
-
- C 35
- M 5
- Y 0
- K 3
● #a2ecf8 color description : Very soft cyan.
#a2ecf8 Color Conversion
The hexadecimal color #a2ecf8 has RGB values of R:162, G:236, B:248 and CMYK values of C:0.35, M:0.05, Y:0, K:0.03. Its decimal value is 10677496.
Hex triplet | a2ecf8 | #a2ecf8 |
---|---|---|
RGB Decimal | 162, 236, 248 | rgb(162,236,248) |
RGB Percent | 63.5, 92.5, 97.3 | rgb(63.5%,92.5%,97.3%) |
CMYK | 35, 5, 0, 3 | |
HSL | 188.4°, 86, 80.4 | hsl(188.4,86%,80.4%) |
HSV (or HSB) | 188.4°, 34.7, 97.3 | |
Web Safe | 99ffff | #99ffff |
CIE-LAB | 89.133, -19.914, -13.086 |
---|---|
XYZ | 61.835, 74.447, 99.913 |
xyY | 0.262, 0.315, 74.447 |
CIE-LCH | 89.133, 23.829, 213.309 |
CIE-LUV | 89.133, -35.369, -17.487 |
Hunter-Lab | 86.283, -23.072, -8.259 |
Binary | 10100010, 11101100, 11111000 |
Color Schemes with #a2ecf8
Alternatives to #a2ecf8
Below, you can see some colors close to #a2ecf8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#a2ecf8 Preview
This text has a font color of #a2ecf8.
<span style="color:#a2ecf8;">Text here</span>
This paragraph has a background color of #a2ecf8.
<p style="background-color:#a2ecf8;">Content here</p>
This element has a border color of #a2ecf8.
<div style="border:1px solid #a2ecf8;">Content here</div>
.text {color:#a2ecf8;}
.background {background-color:#a2ecf8;}
.border {border:1px solid #a2ecf8;}
Shades and Tints of #a2ecf8
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, #010e10 is the darkest color, while #fdffff is the lightest one.
-
#010e10
#010e10
rgb(1,14,16)
-
#031e23
#031e23
rgb(3,30,35)
-
#042e35
#042e35
rgb(4,46,53)
-
#053e47
#053e47
rgb(5,62,71)
-
#074e59
#074e59
rgb(7,78,89)
-
#085e6c
#085e6c
rgb(8,94,108)
-
#096e7e
#096e7e
rgb(9,110,126)
-
#0b7e90
#0b7e90
rgb(11,126,144)
-
#0c8da2
#0c8da2
rgb(12,141,162)
-
#0e9db5
#0e9db5
rgb(14,157,181)
-
#0fadc7
#0fadc7
rgb(15,173,199)
-
#10bdd9
#10bdd9
rgb(16,189,217)
-
#12cdeb
#12cdeb
rgb(18,205,235)
-
#22d2ee
#22d2ee
rgb(34,210,238)
-
#35d6f0
#35d6f0
rgb(53,214,240)
-
#47d9f1
#47d9f1
rgb(71,217,241)
-
#59ddf3
#59ddf3
rgb(89,221,243)
-
#6be1f4
#6be1f4
rgb(107,225,244)
-
#7ee5f5
#7ee5f5
rgb(126,229,245)
-
#90e8f7
#90e8f7
rgb(144,232,247)
-
#a2ecf8
#a2ecf8
rgb(162,236,248)
-
#b4f0f9
#b4f0f9
rgb(180,240,249)
-
#c6f3fb
#c6f3fb
rgb(198,243,251)
-
#d9f7fc
#d9f7fc
rgb(217,247,252)
-
#ebfbfd
#ebfbfd
rgb(235,251,253)
-
#fdffff
#fdffff
rgb(253,255,255)
Tones of #a2ecf8
A tone is produced by adding gray to any pure hue. In this case, #cccdce is the less saturated color, while #9eeffc is the most saturated one.
-
#cccdce
#cccdce
rgb(204,205,206)
-
#c8d0d2
#c8d0d2
rgb(200,208,210)
-
#c5d3d5
#c5d3d5
rgb(197,211,213)
-
#c1d6d9
#c1d6d9
rgb(193,214,217)
-
#bdd9dd
#bdd9dd
rgb(189,217,221)
-
#b9dbe1
#b9dbe1
rgb(185,219,225)
-
#b5dee5
#b5dee5
rgb(181,222,229)
-
#b1e1e9
#b1e1e9
rgb(177,225,233)
-
#aee4ec
#aee4ec
rgb(174,228,236)
-
#aae6f0
#aae6f0
rgb(170,230,240)
-
#a6e9f4
#a6e9f4
rgb(166,233,244)
-
#a2ecf8
#a2ecf8
rgb(162,236,248)
-
#9eeffc
#9eeffc
rgb(158,239,252)
Color Blindness Simulator
Below, you can see how #a2ecf8 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.