#a2e485 hex color

In a RGB color space, hex #a2e485 is composed of 63.5% red, 89.4% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 28.9% cyan, 0% magenta, 41.7% yellow and 10.6% black. It has a hue angle of 101.7 degrees, a saturation of 63.8% and a lightness of 70.8%. #a2e485 color hex could be obtained by blending #ffffff with #45c90b. Closest websafe color is: #99cc99.

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

● #a2e485 color description : Very soft green.

The hexadecimal color #a2e485 has RGB values of R:162, G:228, B:133 and CMYK values of C:0.29, M:0, Y:0.42, K:0.11. Its decimal value is 10675333.

Hex triplet	a2e485	`#a2e485`
RGB Decimal	162, 228, 133	`rgb(162,228,133)`
RGB Percent	63.5, 89.4, 52.2	`rgb(63.5%,89.4%,52.2%)`
CMYK	29, 0, 42, 11
HSL	101.7°, 63.8, 70.8	`hsl(101.7,63.8%,70.8%)`
HSV (or HSB)	101.7°, 41.7, 89.4
Web Safe	99cc99	`#99cc99`

CIE-LAB	84.412, -37.77, 39.822
XYZ	46.876, 64.86, 32.238
xyY	0.326, 0.45, 64.86
CIE-LCH	84.412, 54.885, 133.485
CIE-LUV	84.412, -32.811, 59.804
Hunter-Lab	80.536, -37.042, 32.641
Binary	10100010, 11100100, 10000101

#a2e485
```
#a2e485 rgb(162,228,133)
```
#c785e4
```
#c785e4 rgb(199,133,228)
```

Complementary Color

#d2e485
```
#d2e485 rgb(210,228,133)
```
#a2e485
```
#a2e485 rgb(162,228,133)
```
#85e498
```
#85e498 rgb(133,228,152)
```

Analogous Color

#e485d2
```
#e485d2 rgb(228,133,210)
```
#a2e485
```
#a2e485 rgb(162,228,133)
```
#9885e4
```
#9885e4 rgb(152,133,228)
```

Split Complementary Color

#e485a2
```
#e485a2 rgb(228,133,162)
```
#a2e485
```
#a2e485 rgb(162,228,133)
```
#85a2e4
```
#85a2e4 rgb(133,162,228)
```

Triadic Color

#e4c785
```
#e4c785 rgb(228,199,133)
```
#a2e485
```
#a2e485 rgb(162,228,133)
```
#85a2e4
```
#85a2e4 rgb(133,162,228)
```
#c785e4
```
#c785e4 rgb(199,133,228)
```

Tetradic Color

#72d646
```
#72d646 rgb(114,214,70)
```
#82db5b
```
#82db5b rgb(130,219,91)
```
#92df70
```
#92df70 rgb(146,223,112)
```
#a2e485
```
#a2e485 rgb(162,228,133)
```
#b2e99a
```
#b2e99a rgb(178,233,154)
```
#c2edaf
```
#c2edaf rgb(194,237,175)
```
#d2f2c4
```
#d2f2c4 rgb(210,242,196)
```

Monochromatic Color

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

#bae485
```
#bae485 rgb(186,228,133)
```
#b2e485
```
#b2e485 rgb(178,228,133)
```
#aae485
```
#aae485 rgb(170,228,133)
```
#a2e485
```
#a2e485 rgb(162,228,133)
```
#9ae485
```
#9ae485 rgb(154,228,133)
```
#92e485
```
#92e485 rgb(146,228,133)
```
#8ae485
```
#8ae485 rgb(138,228,133)
```

Similar Colors

Text with hexadecimal color #a2e485

This text has a font color of #a2e485.

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

#a2e485 background color

This paragraph has a background color of #a2e485.

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

#a2e485 border color

This element has a border color of #a2e485.

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

CSS codes

.text {color:#a2e485;}

.background {background-color:#a2e485;}

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

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

#030601
```
#030601 rgb(3,6,1)
```
#0a1705
```
#0a1705 rgb(10,23,5)
```
#122709
```
#122709 rgb(18,39,9)
```
#19370c
```
#19370c rgb(25,55,12)
```
#204710
```
#204710 rgb(32,71,16)
```
#285713
```
#285713 rgb(40,87,19)
```
#2f6717
```
#2f6717 rgb(47,103,23)
```
#37771a
```
#37771a rgb(55,119,26)
```
#3e871e
```
#3e871e rgb(62,135,30)
```
#459721
```
#459721 rgb(69,151,33)
```
#4da725
```
#4da725 rgb(77,167,37)
```
#54b729
```
#54b729 rgb(84,183,41)
```
#5bc72c
```
#5bc72c rgb(91,199,44)
```

Shade Color Variation

#65d235
```
#65d235 rgb(101,210,53)
```
#71d645
```
#71d645 rgb(113,214,69)
```
#7dd955
```
#7dd955 rgb(125,217,85)
```
#8add65
```
#8add65 rgb(138,221,101)
```
#96e075
```
#96e075 rgb(150,224,117)
```
#a2e485
```
#a2e485 rgb(162,228,133)
```
#aee895
```
#aee895 rgb(174,232,149)
```
#baeba5
```
#baeba5 rgb(186,235,165)
```
#c7efb5
```
#c7efb5 rgb(199,239,181)
```
#d3f2c5
```
#d3f2c5 rgb(211,242,197)
```
#dff6d5
```
#dff6d5 rgb(223,246,213)
```
#ebf9e5
```
#ebf9e5 rgb(235,249,229)
```
#f8fdf5
```
#f8fdf5 rgb(248,253,245)
```

Tint Color Variation

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

#b4b6b3
```
#b4b6b3 rgb(180,182,179)
```
#b2bcad
```
#b2bcad rgb(178,188,173)
```
#afc2a7
```
#afc2a7 rgb(175,194,167)
```
#adc7a2
```
#adc7a2 rgb(173,199,162)
```
#abcd9c
```
#abcd9c rgb(171,205,156)
```
#a9d396
```
#a9d396 rgb(169,211,150)
```
#a6d990
```
#a6d990 rgb(166,217,144)
```
#a4de8b
```
#a4de8b rgb(164,222,139)
```
#a2e485
```
#a2e485 rgb(162,228,133)
```
#a0ea7f
```
#a0ea7f rgb(160,234,127)
```
#9eef7a
```
#9eef7a rgb(158,239,122)
```
#9bf574
```
#9bf574 rgb(155,245,116)
```
#99fb6e
```
#99fb6e rgb(153,251,110)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#becbb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7d485 Protanopia 1% of men
#fdcc93 Deuteranopia 1% of men
#b8dae9 Tritanopia 0.001% of the population

Trichromacy

#ceda85 Protanomaly 1% of men, 0.01% of women
#dcd48e Deuteranomaly 6% of men, 0.4% of women
#b0ddc5 Tritanomaly 0.01% of the population

#a2e485 hex color

#a2e485 Color Information

#a2e485 Color Conversion

Color Schemes with #a2e485

Alternatives to #a2e485

#a2e485 Preview

Shades and Tints of #a2e485

Tones of #a2e485

Color Blindness Simulator