#a2ecfa hex color

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

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

● #a2ecfa color description : Very soft cyan.

The hexadecimal color #a2ecfa has RGB values of R:162, G:236, B:250 and CMYK values of C:0.35, M:0.06, Y:0, K:0.02. Its decimal value is 10677498.

Hex triplet	a2ecfa	`#a2ecfa`
RGB Decimal	162, 236, 250	`rgb(162,236,250)`
RGB Percent	63.5, 92.5, 98	`rgb(63.5%,92.5%,98%)`
CMYK	35, 6, 0, 2
HSL	189.5°, 89.8, 80.8	`hsl(189.5,89.8%,80.8%)`
HSV (or HSB)	189.5°, 35.2, 98
Web Safe	99ffff	`#99ffff`

CIE-LAB	89.192, -19.44, -14.044
XYZ	62.147, 74.572, 101.556
xyY	0.261, 0.313, 74.572
CIE-LCH	89.192, 23.982, 215.846
CIE-LUV	89.192, -35.347, -19.138
Hunter-Lab	86.355, -22.66, -9.279
Binary	10100010, 11101100, 11111010

#a2ecfa
```
#a2ecfa rgb(162,236,250)
```
#fab0a2
```
#fab0a2 rgb(250,176,162)
```

Complementary Color

#a2fadc
```
#a2fadc rgb(162,250,220)
```
#a2ecfa
```
#a2ecfa rgb(162,236,250)
```
#a2c0fa
```
#a2c0fa rgb(162,192,250)
```

Analogous Color

#fadca2
```
#fadca2 rgb(250,220,162)
```
#a2ecfa
```
#a2ecfa rgb(162,236,250)
```
#faa2c0
```
#faa2c0 rgb(250,162,192)
```

Split Complementary Color

#ecfaa2
```
#ecfaa2 rgb(236,250,162)
```
#a2ecfa
```
#a2ecfa rgb(162,236,250)
```
#faa2ec
```
#faa2ec rgb(250,162,236)
```

Triadic Color

#a2fab0
```
#a2fab0 rgb(162,250,176)
```
#a2ecfa
```
#a2ecfa rgb(162,236,250)
```
#faa2ec
```
#faa2ec rgb(250,162,236)
```
#fab0a2
```
#fab0a2 rgb(250,176,162)
```

Tetradic Color

#59ddf6
```
#59ddf6 rgb(89,221,246)
```
#72e2f7
```
#72e2f7 rgb(114,226,247)
```
#8ae7f9
```
#8ae7f9 rgb(138,231,249)
```
#a2ecfa
```
#a2ecfa rgb(162,236,250)
```
#baf1fb
```
#baf1fb rgb(186,241,251)
```
#d2f6fd
```
#d2f6fd rgb(210,246,253)
```
#ebfbfe
```
#ebfbfe rgb(235,251,254)
```

Monochromatic Color

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

#a2faf2
```
#a2faf2 rgb(162,250,242)
```
#a2faf9
```
#a2faf9 rgb(162,250,249)
```
#a2f3fa
```
#a2f3fa rgb(162,243,250)
```
#a2ecfa
```
#a2ecfa rgb(162,236,250)
```
#a2e5fa
```
#a2e5fa rgb(162,229,250)
```
#a2ddfa
```
#a2ddfa rgb(162,221,250)
```
#a2d6fa
```
#a2d6fa rgb(162,214,250)
```

Similar Colors

Text with hexadecimal color #a2ecfa

This text has a font color of #a2ecfa.

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

#a2ecfa background color

This paragraph has a background color of #a2ecfa.

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

#a2ecfa border color

This element has a border color of #a2ecfa.

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

CSS codes

.text {color:#a2ecfa;}

.background {background-color:#a2ecfa;}

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

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 #ecfbfe is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#011013
```
#011013 rgb(1,16,19)
```
#022025
```
#022025 rgb(2,32,37)
```
#032f38
```
#032f38 rgb(3,47,56)
```
#043f4b
```
#043f4b rgb(4,63,75)
```
#054f5d
```
#054f5d rgb(5,79,93)
```
#065f70
```
#065f70 rgb(6,95,112)
```
#076f82
```
#076f82 rgb(7,111,130)
```
#087f95
```
#087f95 rgb(8,127,149)
```
#098ea8
```
#098ea8 rgb(9,142,168)
```
#0a9eba
```
#0a9eba rgb(10,158,186)
```
#0baecd
```
#0baecd rgb(11,174,205)
```
#0cbedf
```
#0cbedf rgb(12,190,223)
```

Shade Color Variation

#0dcef2
```
#0dcef2 rgb(13,206,242)
```
#20d1f3
```
#20d1f3 rgb(32,209,243)
```
#32d5f4
```
#32d5f4 rgb(50,213,244)
```
#45d9f5
```
#45d9f5 rgb(69,217,245)
```
#58ddf6
```
#58ddf6 rgb(88,221,246)
```
#6ae1f7
```
#6ae1f7 rgb(106,225,247)
```
#7de4f8
```
#7de4f8 rgb(125,228,248)
```
#8fe8f9
```
#8fe8f9 rgb(143,232,249)
```
#a2ecfa
```
#a2ecfa rgb(162,236,250)
```
#b5f0fb
```
#b5f0fb rgb(181,240,251)
```
#c7f4fc
```
#c7f4fc rgb(199,244,252)
```
#daf7fd
```
#daf7fd rgb(218,247,253)
```
#ecfbfe
```
#ecfbfe rgb(236,251,254)
```

Tint Color Variation

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

#cbd0d1
```
#cbd0d1 rgb(203,208,209)
```
#c8d2d4
```
#c8d2d4 rgb(200,210,212)
```
#c4d5d8
```
#c4d5d8 rgb(196,213,216)
```
#c0d7dc
```
#c0d7dc rgb(192,215,220)
```
#bcdae0
```
#bcdae0 rgb(188,218,224)
```
#b9dde3
```
#b9dde3 rgb(185,221,227)
```
#b5dfe7
```
#b5dfe7 rgb(181,223,231)
```
#b1e2eb
```
#b1e2eb rgb(177,226,235)
```
#ade4ef
```
#ade4ef rgb(173,228,239)
```
#aae7f2
```
#aae7f2 rgb(170,231,242)
```
#a6e9f6
```
#a6e9f6 rgb(166,233,246)
```
#a2ecfa
```
#a2ecfa rgb(162,236,250)
```
#9eeffe
```
#9eeffe rgb(158,239,254)
```

Tone Color Variation

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

#d7d7d7 Achromatopsia 0.005% of the population
#ccdbde Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0e0f2 Protanopia 1% of men
#e7dcff Deuteranopia 1% of men
#a7ecfd Tritanopia 0.001% of the population

Trichromacy

#c9e4f5 Protanomaly 1% of men, 0.01% of women
#cee2fd Deuteranomaly 6% of men, 0.4% of women
#a5ecfc Tritanomaly 0.01% of the population

#a2ecfa hex color

#a2ecfa Color Information

#a2ecfa Color Conversion

Color Schemes with #a2ecfa

Alternatives to #a2ecfa

#a2ecfa Preview

Shades and Tints of #a2ecfa

Tones of #a2ecfa

Color Blindness Simulator