#a2e314 hex color

In a RGB color space, hex #a2e314 is composed of 63.5% red, 89% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 28.6% cyan, 0% magenta, 91.2% yellow and 11% black. It has a hue angle of 78.8 degrees, a saturation of 83.8% and a lightness of 48.4%. #a2e314 color hex could be obtained by blending #ffff28 with #45c700. Closest websafe color is: #99cc00.

♥
- f
- t
- g
- R 64
- G 89
- B 8
RGB color chart
- C 29
- M 0
- Y 91
- K 11
CMYK color chart

● #a2e314 color description : Vivid green.

The hexadecimal color #a2e314 has RGB values of R:162, G:227, B:20 and CMYK values of C:0.29, M:0, Y:0.91, K:0.11. Its decimal value is 10674964.

Hex triplet	a2e314	`#a2e314`
RGB Decimal	162, 227, 20	`rgb(162,227,20)`
RGB Percent	63.5, 89, 7.8	`rgb(63.5%,89%,7.8%)`
CMYK	29, 0, 91, 11
HSL	78.8°, 83.8, 48.4	`hsl(78.8,83.8%,48.4%)`
HSV (or HSB)	78.8°, 91.2, 89
Web Safe	99cc00	`#99cc00`

CIE-LAB	83.268, -45.551, 79.381
XYZ	42.495, 62.669, 10.519
xyY	0.367, 0.542, 62.669
CIE-LCH	83.268, 91.521, 119.848
CIE-LUV	83.268, -32.714, 95.095
Hunter-Lab	79.164, -42.718, 47.536
Binary	10100010, 11100011, 00010100

#a2e314
```
#a2e314 rgb(162,227,20)
```
#5514e3
```
#5514e3 rgb(85,20,227)
```

Complementary Color

#e3bd14
```
#e3bd14 rgb(227,189,20)
```
#a2e314
```
#a2e314 rgb(162,227,20)
```
#3be314
```
#3be314 rgb(59,227,20)
```

Analogous Color

#bd14e3
```
#bd14e3 rgb(189,20,227)
```
#a2e314
```
#a2e314 rgb(162,227,20)
```
#143ae3
```
#143ae3 rgb(20,58,227)
```

Split Complementary Color

#e314a2
```
#e314a2 rgb(227,20,162)
```
#a2e314
```
#a2e314 rgb(162,227,20)
```
#14a2e3
```
#14a2e3 rgb(20,162,227)
```

Triadic Color

#e35514
```
#e35514 rgb(227,85,20)
```
#a2e314
```
#a2e314 rgb(162,227,20)
```
#14a2e3
```
#14a2e3 rgb(20,162,227)
```
#5514e3
```
#5514e3 rgb(85,20,227)
```

Tetradic Color

#709d0e
```
#709d0e rgb(112,157,14)
```
#81b410
```
#81b410 rgb(129,180,16)
```
#91cc12
```
#91cc12 rgb(145,204,18)
```
#a2e314
```
#a2e314 rgb(162,227,20)
```
#adec25
```
#adec25 rgb(173,236,37)
```
#b6ee3c
```
#b6ee3c rgb(182,238,60)
```
#bff054
```
#bff054 rgb(191,240,84)
```

Monochromatic Color

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

#d6e314
```
#d6e314 rgb(214,227,20)
```
#c5e314
```
#c5e314 rgb(197,227,20)
```
#b3e314
```
#b3e314 rgb(179,227,20)
```
#a2e314
```
#a2e314 rgb(162,227,20)
```
#91e314
```
#91e314 rgb(145,227,20)
```
#80e314
```
#80e314 rgb(128,227,20)
```
#6ee314
```
#6ee314 rgb(110,227,20)
```

Similar Colors

Text with hexadecimal color #a2e314

This text has a font color of #a2e314.

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

#a2e314 background color

This paragraph has a background color of #a2e314.

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

#a2e314 border color

This element has a border color of #a2e314.

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

CSS codes

.text {color:#a2e314;}

.background {background-color:#a2e314;}

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

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, #080b01 is the darkest color, while #fcfef8 is the lightest one.

#080b01
```
#080b01 rgb(8,11,1)
```
#141d03
```
#141d03 rgb(20,29,3)
```
#212f04
```
#212f04 rgb(33,47,4)
```
#2e4106
```
#2e4106 rgb(46,65,6)
```
#3b5307
```
#3b5307 rgb(59,83,7)
```
#486509
```
#486509 rgb(72,101,9)
```
#55770a
```
#55770a rgb(85,119,10)
```
#62890c
```
#62890c rgb(98,137,12)
```
#6f9b0e
```
#6f9b0e rgb(111,155,14)
```
#7bad0f
```
#7bad0f rgb(123,173,15)
```
#88bf11
```
#88bf11 rgb(136,191,17)
```
#95d112
```
#95d112 rgb(149,209,18)
```
#a2e314
```
#a2e314 rgb(162,227,20)
```

Shade Color Variation

#abeb1f
```
#abeb1f rgb(171,235,31)
```
#b2ed31
```
#b2ed31 rgb(178,237,49)
```
#b9ee43
```
#b9ee43 rgb(185,238,67)
```
#bff055
```
#bff055 rgb(191,240,85)
```
#c6f267
```
#c6f267 rgb(198,242,103)
```
#cdf379
```
#cdf379 rgb(205,243,121)
```
#d4f58b
```
#d4f58b rgb(212,245,139)
```
#daf69e
```
#daf69e rgb(218,246,158)
```
#e1f8b0
```
#e1f8b0 rgb(225,248,176)
```
#e8fac2
```
#e8fac2 rgb(232,250,194)
```
#effbd4
```
#effbd4 rgb(239,251,212)
```
#f5fde6
```
#f5fde6 rgb(245,253,230)
```
#fcfef8
```
#fcfef8 rgb(252,254,248)
```

Tint Color Variation

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

#7f8473
```
#7f8473 rgb(127,132,115)
```
#828e6a
```
#828e6a rgb(130,142,106)
```
#869760
```
#869760 rgb(134,151,96)
```
#89a157
```
#89a157 rgb(137,161,87)
```
#8daa4d
```
#8daa4d rgb(141,170,77)
```
#90b444
```
#90b444 rgb(144,180,68)
```
#94bd3a
```
#94bd3a rgb(148,189,58)
```
#97c731
```
#97c731 rgb(151,199,49)
```
#9bd027
```
#9bd027 rgb(155,208,39)
```
#9eda1e
```
#9eda1e rgb(158,218,30)
```
#a2e314
```
#a2e314 rgb(162,227,20)
```
#a6ed0b
```
#a6ed0b rgb(166,237,11)
```
#a9f601
```
#a9f601 rgb(169,246,1)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#b4c197 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd218 Protanopia 1% of men
#ffc966 Deuteranopia 1% of men
#bed5e4 Tritanopia 0.001% of the population

Trichromacy

#d0d817 Protanomaly 1% of men, 0.01% of women
#ddd248 Deuteranomaly 6% of men, 0.4% of women
#b4da98 Tritanomaly 0.01% of the population

#a2e314 hex color

#a2e314 Color Information

#a2e314 Color Conversion

Color Schemes with #a2e314

Alternatives to #a2e314

#a2e314 Preview

Shades and Tints of #a2e314

Tones of #a2e314

Color Blindness Simulator