#a2e5fc hex color

In a RGB color space, hex #a2e5fc is composed of 63.5% red, 89.8% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 35.7% cyan, 9.1% magenta, 0% yellow and 1.2% black. It has a hue angle of 195.3 degrees, a saturation of 93.8% and a lightness of 81.2%. #a2e5fc color hex could be obtained by blending #ffffff with #45cbf9. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 64
- G 90
- B 99
RGB color chart
- C 36
- M 9
- Y 0
- K 1
CMYK color chart

● #a2e5fc color description : Very soft blue.

The hexadecimal color #a2e5fc has RGB values of R:162, G:229, B:252 and CMYK values of C:0.36, M:0.09, Y:0, K:0.01. Its decimal value is 10675708.

Hex triplet	a2e5fc	`#a2e5fc`
RGB Decimal	162, 229, 252	`rgb(162,229,252)`
RGB Percent	63.5, 89.8, 98.8	`rgb(63.5%,89.8%,98.8%)`
CMYK	36, 9, 0, 1
HSL	195.3°, 93.8, 81.2	`hsl(195.3,93.8%,81.2%)`
HSV (or HSB)	195.3°, 35.7, 98.8
Web Safe	99ccff	`#99ccff`

CIE-LAB	87.361, -15.45, -17.841
XYZ	60.486, 70.746, 102.558
xyY	0.259, 0.303, 70.746
CIE-LCH	87.361, 23.601, 229.108
CIE-LUV	87.361, -32.448, -25.985
Hunter-Lab	84.11, -18.829, -13.417
Binary	10100010, 11100101, 11111100

#a2e5fc
```
#a2e5fc rgb(162,229,252)
```
#fcb9a2
```
#fcb9a2 rgb(252,185,162)
```

Complementary Color

#a2fce6
```
#a2fce6 rgb(162,252,230)
```
#a2e5fc
```
#a2e5fc rgb(162,229,252)
```
#a2b8fc
```
#a2b8fc rgb(162,184,252)
```

Analogous Color

#fce6a2
```
#fce6a2 rgb(252,230,162)
```
#a2e5fc
```
#a2e5fc rgb(162,229,252)
```
#fca2b8
```
#fca2b8 rgb(252,162,184)
```

Split Complementary Color

#e5fca2
```
#e5fca2 rgb(229,252,162)
```
#a2e5fc
```
#a2e5fc rgb(162,229,252)
```
#fca2e5
```
#fca2e5 rgb(252,162,229)
```

Triadic Color

#a2fcb9
```
#a2fcb9 rgb(162,252,185)
```
#a2e5fc
```
#a2e5fc rgb(162,229,252)
```
#fca2e5
```
#fca2e5 rgb(252,162,229)
```
#fcb9a2
```
#fcb9a2 rgb(252,185,162)
```

Tetradic Color

#58d0fa
```
#58d0fa rgb(88,208,250)
```
#71d7fa
```
#71d7fa rgb(113,215,250)
```
#89defb
```
#89defb rgb(137,222,251)
```
#a2e5fc
```
#a2e5fc rgb(162,229,252)
```
#bbecfd
```
#bbecfd rgb(187,236,253)
```
#d3f3fe
```
#d3f3fe rgb(211,243,254)
```
#ecfafe
```
#ecfafe rgb(236,250,254)
```

Monochromatic Color

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

#a2fcfc
```
#a2fcfc rgb(162,252,252)
```
#a2f4fc
```
#a2f4fc rgb(162,244,252)
```
#a2edfc
```
#a2edfc rgb(162,237,252)
```
#a2e5fc
```
#a2e5fc rgb(162,229,252)
```
#a2defc
```
#a2defc rgb(162,222,252)
```
#a2d6fc
```
#a2d6fc rgb(162,214,252)
```
#a2cffc
```
#a2cffc rgb(162,207,252)
```

Similar Colors

Text with hexadecimal color #a2e5fc

This text has a font color of #a2e5fc.

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

#a2e5fc background color

This paragraph has a background color of #a2e5fc.

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

#a2e5fc border color

This element has a border color of #a2e5fc.

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

CSS codes

.text {color:#a2e5fc;}

.background {background-color:#a2e5fc;}

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

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

#000202
```
#000202 rgb(0,2,2)
```
#011015
```
#011015 rgb(1,16,21)
```
#011e28
```
#011e28 rgb(1,30,40)
```
#022c3b
```
#022c3b rgb(2,44,59)
```
#033b4e
```
#033b4e rgb(3,59,78)
```
#034961
```
#034961 rgb(3,73,97)
```
#045774
```
#045774 rgb(4,87,116)
```
#046687
```
#046687 rgb(4,102,135)
```
#05749a
```
#05749a rgb(5,116,154)
```
#0682ad
```
#0682ad rgb(6,130,173)
```
#0691c0
```
#0691c0 rgb(6,145,192)
```
#079fd3
```
#079fd3 rgb(7,159,211)
```
#07ade6
```
#07ade6 rgb(7,173,230)
```

Shade Color Variation

#0abbf7
```
#0abbf7 rgb(10,187,247)
```
#1dc0f8
```
#1dc0f8 rgb(29,192,248)
```
#30c5f8
```
#30c5f8 rgb(48,197,248)
```
#43caf9
```
#43caf9 rgb(67,202,249)
```
#56d0fa
```
#56d0fa rgb(86,208,250)
```
#69d5fa
```
#69d5fa rgb(105,213,250)
```
#7cdafb
```
#7cdafb rgb(124,218,251)
```
#8fe0fb
```
#8fe0fb rgb(143,224,251)
```
#a2e5fc
```
#a2e5fc rgb(162,229,252)
```
#b5eafd
```
#b5eafd rgb(181,234,253)
```
#c8f0fd
```
#c8f0fd rgb(200,240,253)
```
#dbf5fe
```
#dbf5fe rgb(219,245,254)
```
#eefafe
```
#eefafe rgb(238,250,254)
```

Tint Color Variation

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

#cecfd0
```
#cecfd0 rgb(206,207,208)
```
#cbd1d3
```
#cbd1d3 rgb(203,209,211)
```
#c7d3d7
```
#c7d3d7 rgb(199,211,215)
```
#c3d5db
```
#c3d5db rgb(195,213,219)
```
#c0d7de
```
#c0d7de rgb(192,215,222)
```
#bcd8e2
```
#bcd8e2 rgb(188,216,226)
```
#b8dae6
```
#b8dae6 rgb(184,218,230)
```
#b4dcea
```
#b4dcea rgb(180,220,234)
```
#b1deed
```
#b1deed rgb(177,222,237)
```
#ade0f1
```
#ade0f1 rgb(173,224,241)
```
#a9e1f5
```
#a9e1f5 rgb(169,225,245)
```
#a6e3f8
```
#a6e3f8 rgb(166,227,248)
```
#a2e5fc
```
#a2e5fc rgb(162,229,252)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#cad7dc Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8dbf5 Protanopia 1% of men
#ded8ff Deuteranopia 1% of men
#a5e7f7 Tritanopia 0.001% of the population

Trichromacy

#c4def7 Protanomaly 1% of men, 0.01% of women
#c8dcfd Deuteranomaly 6% of men, 0.4% of women
#a4e6f9 Tritanomaly 0.01% of the population

#a2e5fc hex color

#a2e5fc Color Information

#a2e5fc Color Conversion

Color Schemes with #a2e5fc

Alternatives to #a2e5fc

#a2e5fc Preview

Shades and Tints of #a2e5fc

Tones of #a2e5fc

Color Blindness Simulator