#a2e0ec hex color

In a RGB color space, hex #a2e0ec is composed of 63.5% red, 87.8% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 5.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 189.7 degrees, a saturation of 66.1% and a lightness of 78%. #a2e0ec color hex could be obtained by blending #ffffff with #45c1d9. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 64
- G 88
- B 93
RGB color chart
- C 31
- M 5
- Y 0
- K 7
CMYK color chart

● #a2e0ec color description : Very soft cyan.

The hexadecimal color #a2e0ec has RGB values of R:162, G:224, B:236 and CMYK values of C:0.31, M:0.05, Y:0, K:0.07. Its decimal value is 10674412.

Hex triplet	a2e0ec	`#a2e0ec`
RGB Decimal	162, 224, 236	`rgb(162,224,236)`
RGB Percent	63.5, 87.8, 92.5	`rgb(63.5%,87.8%,92.5%)`
CMYK	31, 5, 0, 7
HSL	189.7°, 66.1, 78	`hsl(189.7,66.1%,78%)`
HSV (or HSB)	189.7°, 31.4, 92.5
Web Safe	99ccff	`#99ccff`

CIE-LAB	85.527, -16.731, -12.166
XYZ	56.693, 67.047, 89.306
xyY	0.266, 0.315, 67.047
CIE-LCH	85.527, 20.687, 216.024
CIE-LUV	85.527, -30.438, -16.393
Hunter-Lab	81.882, -19.705, -7.349
Binary	10100010, 11100000, 11101100

#a2e0ec
```
#a2e0ec rgb(162,224,236)
```
#ecaea2
```
#ecaea2 rgb(236,174,162)
```

Complementary Color

#a2ecd3
```
#a2ecd3 rgb(162,236,211)
```
#a2e0ec
```
#a2e0ec rgb(162,224,236)
```
#a2bbec
```
#a2bbec rgb(162,187,236)
```

Analogous Color

#ecd3a2
```
#ecd3a2 rgb(236,211,162)
```
#a2e0ec
```
#a2e0ec rgb(162,224,236)
```
#eca2bb
```
#eca2bb rgb(236,162,187)
```

Split Complementary Color

#e0eca2
```
#e0eca2 rgb(224,236,162)
```
#a2e0ec
```
#a2e0ec rgb(162,224,236)
```
#eca2e0
```
#eca2e0 rgb(236,162,224)
```

Triadic Color

#a2ecae
```
#a2ecae rgb(162,236,174)
```
#a2e0ec
```
#a2e0ec rgb(162,224,236)
```
#eca2e0
```
#eca2e0 rgb(236,162,224)
```
#ecaea2
```
#ecaea2 rgb(236,174,162)
```

Tetradic Color

#62cbdf
```
#62cbdf rgb(98,203,223)
```
#78d2e3
```
#78d2e3 rgb(120,210,227)
```
#8dd9e8
```
#8dd9e8 rgb(141,217,232)
```
#a2e0ec
```
#a2e0ec rgb(162,224,236)
```
#b7e7f0
```
#b7e7f0 rgb(183,231,240)
```
#cceef5
```
#cceef5 rgb(204,238,245)
```
#e2f5f9
```
#e2f5f9 rgb(226,245,249)
```

Monochromatic Color

Below, you can see some colors close to #a2e0ec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#a2ece6
```
#a2ece6 rgb(162,236,230)
```
#a2ecec
```
#a2ecec rgb(162,236,236)
```
#a2e6ec
```
#a2e6ec rgb(162,230,236)
```
#a2e0ec
```
#a2e0ec rgb(162,224,236)
```
#a2daec
```
#a2daec rgb(162,218,236)
```
#a2d4ec
```
#a2d4ec rgb(162,212,236)
```
#a2ceec
```
#a2ceec rgb(162,206,236)
```

Similar Colors

Text with hexadecimal color #a2e0ec

This text has a font color of #a2e0ec.

<span style="color:#a2e0ec;">Text here</span>

#a2e0ec background color

This paragraph has a background color of #a2e0ec.

<p style="background-color:#a2e0ec;">Content here</p>

#a2e0ec border color

This element has a border color of #a2e0ec.

<div style="border:1px solid #a2e0ec;">Content here</div>

CSS codes

.text {color:#a2e0ec;}

.background {background-color:#a2e0ec;}

.border {border:1px solid #a2e0ec;}

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, #010405 is the darkest color, while #f3fbfd is the lightest one.

#010405
```
#010405 rgb(1,4,5)
```
#041215
```
#041215 rgb(4,18,21)
```
#082025
```
#082025 rgb(8,32,37)
```
#0b2f36
```
#0b2f36 rgb(11,47,54)
```
#0e3d46
```
#0e3d46 rgb(14,61,70)
```
#124b56
```
#124b56 rgb(18,75,86)
```
#155966
```
#155966 rgb(21,89,102)
```
#186777
```
#186777 rgb(24,103,119)
```
#1c7687
```
#1c7687 rgb(28,118,135)
```
#1f8497
```
#1f8497 rgb(31,132,151)
```
#2292a8
```
#2292a8 rgb(34,146,168)
```
#26a0b8
```
#26a0b8 rgb(38,160,184)
```
#29aec8
```
#29aec8 rgb(41,174,200)
```

Shade Color Variation

#30bad5
```
#30bad5 rgb(48,186,213)
```
#40bfd8
```
#40bfd8 rgb(64,191,216)
```
#51c5db
```
#51c5db rgb(81,197,219)
```
#61cadf
```
#61cadf rgb(97,202,223)
```
#71d0e2
```
#71d0e2 rgb(113,208,226)
```
#81d5e5
```
#81d5e5 rgb(129,213,229)
```
#92dbe9
```
#92dbe9 rgb(146,219,233)
```
#a2e0ec
```
#a2e0ec rgb(162,224,236)
```
#b2e5ef
```
#b2e5ef rgb(178,229,239)
```
#c3ebf3
```
#c3ebf3 rgb(195,235,243)
```
#d3f0f6
```
#d3f0f6 rgb(211,240,246)
```
#e3f6f9
```
#e3f6f9 rgb(227,246,249)
```
#f3fbfd
```
#f3fbfd rgb(243,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #c4c9ca is the less saturated color, while #91ecfd is the most saturated one.

#c4c9ca
```
#c4c9ca rgb(196,201,202)
```
#c0ccce
```
#c0ccce rgb(192,204,206)
```
#bccfd2
```
#bccfd2 rgb(188,207,210)
```
#b8d1d6
```
#b8d1d6 rgb(184,209,214)
```
#b3d4db
```
#b3d4db rgb(179,212,219)
```
#afd7df
```
#afd7df rgb(175,215,223)
```
#abdae3
```
#abdae3 rgb(171,218,227)
```
#a6dde8
```
#a6dde8 rgb(166,221,232)
```
#a2e0ec
```
#a2e0ec rgb(162,224,236)
```
#9ee3f0
```
#9ee3f0 rgb(158,227,240)
```
#99e6f5
```
#99e6f5 rgb(153,230,245)
```
#95e9f9
```
#95e9f9 rgb(149,233,249)
```
#91ecfd
```
#91ecfd rgb(145,236,253)
```

Tone Color Variation

Below, you can see how #a2e0ec 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.

Monochromacy

#cfcfcf Achromatopsia 0.005% of the population
#c6d2d5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6d6e6 Protanopia 1% of men
#ded2f2 Deuteranopia 1% of men
#a8e0f1 Tritanopia 0.001% of the population

Trichromacy

#c3d9e8 Protanomaly 1% of men, 0.01% of women
#c8d7ef Deuteranomaly 6% of men, 0.4% of women
#a5e0ef Tritanomaly 0.01% of the population

#a2e0ec hex color

#a2e0ec Color Information

#a2e0ec Color Conversion

Color Schemes with #a2e0ec

Alternatives to #a2e0ec

#a2e0ec Preview

Shades and Tints of #a2e0ec

Tones of #a2e0ec

Color Blindness Simulator