#a2e6f4 hex color

In a RGB color space, hex #a2e6f4 is composed of 63.5% red, 90.2% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 33.6% cyan, 5.7% magenta, 0% yellow and 4.3% black. It has a hue angle of 190.2 degrees, a saturation of 78.8% and a lightness of 79.6%. #a2e6f4 color hex could be obtained by blending #ffffff with #45cde9. Closest websafe color is: #99ffff.

♥
- f
- t
- g
- R 64
- G 90
- B 96
RGB color chart
- C 34
- M 6
- Y 0
- K 4
CMYK color chart

● #a2e6f4 color description : Very soft cyan.

The hexadecimal color #a2e6f4 has RGB values of R:162, G:230, B:244 and CMYK values of C:0.34, M:0.06, Y:0, K:0.04. Its decimal value is 10675956.

Hex triplet	a2e6f4	`#a2e6f4`
RGB Decimal	162, 230, 244	`rgb(162,230,244)`
RGB Percent	63.5, 90.2, 95.7	`rgb(63.5%,90.2%,95.7%)`
CMYK	34, 6, 0, 4
HSL	190.2°, 78.8, 79.6	`hsl(190.2,78.8%,79.6%)`
HSV (or HSB)	190.2°, 33.6, 95.7
Web Safe	99ffff	`#99ffff`

CIE-LAB	87.39, -17.869, -13.596
XYZ	59.522, 70.804, 96.113
xyY	0.263, 0.313, 70.804
CIE-LCH	87.39, 22.453, 217.266
CIE-LUV	87.39, -32.916, -18.598
Hunter-Lab	84.145, -20.988, -8.821
Binary	10100010, 11100110, 11110100

#a2e6f4
```
#a2e6f4 rgb(162,230,244)
```
#f4b0a2
```
#f4b0a2 rgb(244,176,162)
```

Complementary Color

#a2f4d9
```
#a2f4d9 rgb(162,244,217)
```
#a2e6f4
```
#a2e6f4 rgb(162,230,244)
```
#a2bdf4
```
#a2bdf4 rgb(162,189,244)
```

Analogous Color

#f4d9a2
```
#f4d9a2 rgb(244,217,162)
```
#a2e6f4
```
#a2e6f4 rgb(162,230,244)
```
#f4a2bd
```
#f4a2bd rgb(244,162,189)
```

Split Complementary Color

#e6f4a2
```
#e6f4a2 rgb(230,244,162)
```
#a2e6f4
```
#a2e6f4 rgb(162,230,244)
```
#f4a2e6
```
#f4a2e6 rgb(244,162,230)
```

Triadic Color

#a2f4b0
```
#a2f4b0 rgb(162,244,176)
```
#a2e6f4
```
#a2e6f4 rgb(162,230,244)
```
#f4a2e6
```
#f4a2e6 rgb(244,162,230)
```
#f4b0a2
```
#f4b0a2 rgb(244,176,162)
```

Tetradic Color

#5ed4ec
```
#5ed4ec rgb(94,212,236)
```
#74daef
```
#74daef rgb(116,218,239)
```
#8be0f1
```
#8be0f1 rgb(139,224,241)
```
#a2e6f4
```
#a2e6f4 rgb(162,230,244)
```
#b9ecf7
```
#b9ecf7 rgb(185,236,247)
```
#d0f2f9
```
#d0f2f9 rgb(208,242,249)
```
#e6f8fc
```
#e6f8fc rgb(230,248,252)
```

Monochromatic Color

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

#a2f4ee
```
#a2f4ee rgb(162,244,238)
```
#a2f4f4
```
#a2f4f4 rgb(162,244,244)
```
#a2edf4
```
#a2edf4 rgb(162,237,244)
```
#a2e6f4
```
#a2e6f4 rgb(162,230,244)
```
#a2dff4
```
#a2dff4 rgb(162,223,244)
```
#a2d8f4
```
#a2d8f4 rgb(162,216,244)
```
#a2d2f4
```
#a2d2f4 rgb(162,210,244)
```

Similar Colors

Text with hexadecimal color #a2e6f4

This text has a font color of #a2e6f4.

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

#a2e6f4 background color

This paragraph has a background color of #a2e6f4.

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

#a2e6f4 border color

This element has a border color of #a2e6f4.

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

CSS codes

.text {color:#a2e6f4;}

.background {background-color:#a2e6f4;}

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

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, #010a0c is the darkest color, while #fafefe is the lightest one.

#010a0c
```
#010a0c rgb(1,10,12)
```
#04191e
```
#04191e rgb(4,25,30)
```
#06282f
```
#06282f rgb(6,40,47)
```
#083741
```
#083741 rgb(8,55,65)
```
#0a4652
```
#0a4652 rgb(10,70,82)
```
#0c5564
```
#0c5564 rgb(12,85,100)
```
#0e6475
```
#0e6475 rgb(14,100,117)
```
#107387
```
#107387 rgb(16,115,135)
```
#128299
```
#128299 rgb(18,130,153)
```
#1491aa
```
#1491aa rgb(20,145,170)
```
#169fbc
```
#169fbc rgb(22,159,188)
```
#18aecd
```
#18aecd rgb(24,174,205)
```
#1abddf
```
#1abddf rgb(26,189,223)
```

Shade Color Variation

#27c5e5
```
#27c5e5 rgb(39,197,229)
```
#39cae8
```
#39cae8 rgb(57,202,232)
```
#4aceea
```
#4aceea rgb(74,206,234)
```
#5cd3ec
```
#5cd3ec rgb(92,211,236)
```
#6dd8ee
```
#6dd8ee rgb(109,216,238)
```
#7fddf0
```
#7fddf0 rgb(127,221,240)
```
#90e1f2
```
#90e1f2 rgb(144,225,242)
```
#a2e6f4
```
#a2e6f4 rgb(162,230,244)
```
#b4ebf6
```
#b4ebf6 rgb(180,235,246)
```
#c5eff8
```
#c5eff8 rgb(197,239,248)
```
#d7f4fa
```
#d7f4fa rgb(215,244,250)
```
#e8f9fc
```
#e8f9fc rgb(232,249,252)
```
#fafefe
```
#fafefe rgb(250,254,254)
```

Tint Color Variation

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

#cacccc
```
#cacccc rgb(202,204,204)
```
#c6ced0
```
#c6ced0 rgb(198,206,208)
```
#c2d1d4
```
#c2d1d4 rgb(194,209,212)
```
#bed4d8
```
#bed4d8 rgb(190,212,216)
```
#bad6dc
```
#bad6dc rgb(186,214,220)
```
#b6d9e0
```
#b6d9e0 rgb(182,217,224)
```
#b2dbe4
```
#b2dbe4 rgb(178,219,228)
```
#aedee8
```
#aedee8 rgb(174,222,232)
```
#aae1ec
```
#aae1ec rgb(170,225,236)
```
#a6e3f0
```
#a6e3f0 rgb(166,227,240)
```
#a2e6f4
```
#a2e6f4 rgb(162,230,244)
```
#9ee9f8
```
#9ee9f8 rgb(158,233,248)
```
#9aebfc
```
#9aebfc rgb(154,235,252)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#c9d7da Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbdbed Protanopia 1% of men
#e2d7fa Deuteranopia 1% of men
#a7e6f7 Tritanopia 0.001% of the population

Trichromacy

#c6dff0 Protanomaly 1% of men, 0.01% of women
#cbdcf7 Deuteranomaly 6% of men, 0.4% of women
#a5e6f6 Tritanomaly 0.01% of the population

#a2e6f4 hex color

#a2e6f4 Color Information

#a2e6f4 Color Conversion

Color Schemes with #a2e6f4

Alternatives to #a2e6f4

#a2e6f4 Preview

Shades and Tints of #a2e6f4

Tones of #a2e6f4

Color Blindness Simulator