#a2e2fa hex color

In a RGB color space, hex #a2e2fa is composed of 63.5% red, 88.6% green and 98% blue. Whereas in a CMYK color space, it is composed of 35.2% cyan, 9.6% magenta, 0% yellow and 2% black. It has a hue angle of 196.4 degrees, a saturation of 89.8% and a lightness of 80.8%. #a2e2fa color hex could be obtained by blending #ffffff with #45c5f5. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 64
- G 89
- B 98
RGB color chart
- C 35
- M 10
- Y 0
- K 2
CMYK color chart

● #a2e2fa color description : Very soft blue.

The hexadecimal color #a2e2fa has RGB values of R:162, G:226, B:250 and CMYK values of C:0.35, M:0.1, Y:0, K:0.02. Its decimal value is 10674938.

Hex triplet	a2e2fa	`#a2e2fa`
RGB Decimal	162, 226, 250	`rgb(162,226,250)`
RGB Percent	63.5, 88.6, 98	`rgb(63.5%,88.6%,98%)`
CMYK	35, 10, 0, 2
HSL	196.4°, 89.8, 80.8	`hsl(196.4,89.8%,80.8%)`
HSV (or HSB)	196.4°, 35.2, 98
Web Safe	99ccff	`#99ccff`

CIE-LAB	86.491, -14.413, -18.101
XYZ	59.348, 68.974, 100.623
xyY	0.259, 0.301, 68.974
CIE-LCH	86.491, 23.138, 231.47
CIE-LUV	86.491, -31.221, -26.544
Hunter-Lab	83.05, -17.782, -13.7
Binary	10100010, 11100010, 11111010

#a2e2fa
```
#a2e2fa rgb(162,226,250)
```
#fabaa2
```
#fabaa2 rgb(250,186,162)
```

Complementary Color

#a2fae6
```
#a2fae6 rgb(162,250,230)
```
#a2e2fa
```
#a2e2fa rgb(162,226,250)
```
#a2b6fa
```
#a2b6fa rgb(162,182,250)
```

Analogous Color

#fae6a2
```
#fae6a2 rgb(250,230,162)
```
#a2e2fa
```
#a2e2fa rgb(162,226,250)
```
#faa2b6
```
#faa2b6 rgb(250,162,182)
```

Split Complementary Color

#e2faa2
```
#e2faa2 rgb(226,250,162)
```
#a2e2fa
```
#a2e2fa rgb(162,226,250)
```
#faa2e2
```
#faa2e2 rgb(250,162,226)
```

Triadic Color

#a2faba
```
#a2faba rgb(162,250,186)
```
#a2e2fa
```
#a2e2fa rgb(162,226,250)
```
#faa2e2
```
#faa2e2 rgb(250,162,226)
```
#fabaa2
```
#fabaa2 rgb(250,186,162)
```

Tetradic Color

#59cbf6
```
#59cbf6 rgb(89,203,246)
```
#72d3f7
```
#72d3f7 rgb(114,211,247)
```
#8adaf9
```
#8adaf9 rgb(138,218,249)
```
#a2e2fa
```
#a2e2fa rgb(162,226,250)
```
#baeafb
```
#baeafb rgb(186,234,251)
```
#d2f1fd
```
#d2f1fd rgb(210,241,253)
```
#ebf9fe
```
#ebf9fe rgb(235,249,254)
```

Monochromatic Color

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

#a2f8fa
```
#a2f8fa rgb(162,248,250)
```
#a2f1fa
```
#a2f1fa rgb(162,241,250)
```
#a2e9fa
```
#a2e9fa rgb(162,233,250)
```
#a2e2fa
```
#a2e2fa rgb(162,226,250)
```
#a2dbfa
```
#a2dbfa rgb(162,219,250)
```
#a2d3fa
```
#a2d3fa rgb(162,211,250)
```
#a2ccfa
```
#a2ccfa rgb(162,204,250)
```

Similar Colors

Text with hexadecimal color #a2e2fa

This text has a font color of #a2e2fa.

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

#a2e2fa background color

This paragraph has a background color of #a2e2fa.

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

#a2e2fa border color

This element has a border color of #a2e2fa.

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

CSS codes

.text {color:#a2e2fa;}

.background {background-color:#a2e2fa;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#010e13
```
#010e13 rgb(1,14,19)
```
#021c25
```
#021c25 rgb(2,28,37)
```
#032938
```
#032938 rgb(3,41,56)
```
#04374b
```
#04374b rgb(4,55,75)
```
#05455d
```
#05455d rgb(5,69,93)
```
#065370
```
#065370 rgb(6,83,112)
```
#076182
```
#076182 rgb(7,97,130)
```
#086f95
```
#086f95 rgb(8,111,149)
```
#097ca8
```
#097ca8 rgb(9,124,168)
```
#0a8aba
```
#0a8aba rgb(10,138,186)
```
#0b98cd
```
#0b98cd rgb(11,152,205)
```
#0ca6df
```
#0ca6df rgb(12,166,223)
```

Shade Color Variation

#0db4f2
```
#0db4f2 rgb(13,180,242)
```
#20b9f3
```
#20b9f3 rgb(32,185,243)
```
#32bff4
```
#32bff4 rgb(50,191,244)
```
#45c5f5
```
#45c5f5 rgb(69,197,245)
```
#58cbf6
```
#58cbf6 rgb(88,203,246)
```
#6ad1f7
```
#6ad1f7 rgb(106,209,247)
```
#7dd6f8
```
#7dd6f8 rgb(125,214,248)
```
#8fdcf9
```
#8fdcf9 rgb(143,220,249)
```
#a2e2fa
```
#a2e2fa rgb(162,226,250)
```
#b5e8fb
```
#b5e8fb rgb(181,232,251)
```
#c7eefc
```
#c7eefc rgb(199,238,252)
```
#daf3fd
```
#daf3fd rgb(218,243,253)
```
#ecf9fe
```
#ecf9fe rgb(236,249,254)
```

Tint Color Variation

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

#cbcfd1
```
#cbcfd1 rgb(203,207,209)
```
#c8d1d4
```
#c8d1d4 rgb(200,209,212)
```
#c4d3d8
```
#c4d3d8 rgb(196,211,216)
```
#c0d4dc
```
#c0d4dc rgb(192,212,220)
```
#bcd6e0
```
#bcd6e0 rgb(188,214,224)
```
#b9d8e3
```
#b9d8e3 rgb(185,216,227)
```
#b5d9e7
```
#b5d9e7 rgb(181,217,231)
```
#b1dbeb
```
#b1dbeb rgb(177,219,235)
```
#adddef
```
#adddef rgb(173,221,239)
```
#aadff2
```
#aadff2 rgb(170,223,242)
```
#a6e0f6
```
#a6e0f6 rgb(166,224,246)
```
#a2e2fa
```
#a2e2fa rgb(162,226,250)
```
#9ee4fe
```
#9ee4fe rgb(158,228,254)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#c8d5da Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6d8f3 Protanopia 1% of men
#dbd5ff Deuteranopia 1% of men
#a5e4f4 Tritanopia 0.001% of the population

Trichromacy

#c3dcf6 Protanomaly 1% of men, 0.01% of women
#c6dafd Deuteranomaly 6% of men, 0.4% of women
#a4e3f6 Tritanomaly 0.01% of the population

#a2e2fa hex color

#a2e2fa Color Information

#a2e2fa Color Conversion

Color Schemes with #a2e2fa

Alternatives to #a2e2fa

#a2e2fa Preview

Shades and Tints of #a2e2fa

Tones of #a2e2fa

Color Blindness Simulator