#a2f525 hex color

In a RGB color space, hex #a2f525 is composed of 63.5% red, 96.1% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 33.9% cyan, 0% magenta, 84.9% yellow and 3.9% black. It has a hue angle of 83.9 degrees, a saturation of 91.2% and a lightness of 55.3%. #a2f525 color hex could be obtained by blending #ffff4a with #45eb00. Closest websafe color is: #99ff33.

♥
- f
- t
- g
- R 64
- G 96
- B 15
RGB color chart
- C 34
- M 0
- Y 85
- K 4
CMYK color chart

● #a2f525 color description : Bright green.

The hexadecimal color #a2f525 has RGB values of R:162, G:245, B:37 and CMYK values of C:0.34, M:0, Y:0.85, K:0.04. Its decimal value is 10679589.

Hex triplet	a2f525	`#a2f525`
RGB Decimal	162, 245, 37	`rgb(162,245,37)`
RGB Percent	63.5, 96.1, 14.5	`rgb(63.5%,96.1%,14.5%)`
CMYK	34, 0, 85, 4
HSL	83.9°, 91.2, 55.3	`hsl(83.9,91.2%,55.3%)`
HSV (or HSB)	83.9°, 84.9, 96.1
Web Safe	99ff33	`#99ff33`

CIE-LAB	88.504, -52.593, 80.845
XYZ	47.886, 73.118, 13.34
xyY	0.356, 0.544, 73.118
CIE-LCH	88.504, 96.446, 123.045
CIE-LUV	88.504, -41.6, 100.261
Hunter-Lab	85.509, -49.68, 50.606
Binary	10100010, 11110101, 00100101

#a2f525
```
#a2f525 rgb(162,245,37)
```
#7825f5
```
#7825f5 rgb(120,37,245)
```

Complementary Color

#f5e025
```
#f5e025 rgb(245,224,37)
```
#a2f525
```
#a2f525 rgb(162,245,37)
```
#3af525
```
#3af525 rgb(58,245,37)
```

Analogous Color

#e025f5
```
#e025f5 rgb(224,37,245)
```
#a2f525
```
#a2f525 rgb(162,245,37)
```
#253af5
```
#253af5 rgb(37,58,245)
```

Split Complementary Color

#f525a2
```
#f525a2 rgb(245,37,162)
```
#a2f525
```
#a2f525 rgb(162,245,37)
```
#25a2f5
```
#25a2f5 rgb(37,162,245)
```

Triadic Color

#f57825
```
#f57825 rgb(245,120,37)
```
#a2f525
```
#a2f525 rgb(162,245,37)
```
#25a2f5
```
#25a2f5 rgb(37,162,245)
```
#7825f5
```
#7825f5 rgb(120,37,245)
```

Tetradic Color

#7ac409
```
#7ac409 rgb(122,196,9)
```
#89dd0a
```
#89dd0a rgb(137,221,10)
```
#98f40d
```
#98f40d rgb(152,244,13)
```
#a2f525
```
#a2f525 rgb(162,245,37)
```
#acf63d
```
#acf63d rgb(172,246,61)
```
#b7f756
```
#b7f756 rgb(183,247,86)
```
#c1f86e
```
#c1f86e rgb(193,248,110)
```

Monochromatic Color

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

#d6f525
```
#d6f525 rgb(214,245,37)
```
#c5f525
```
#c5f525 rgb(197,245,37)
```
#b3f525
```
#b3f525 rgb(179,245,37)
```
#a2f525
```
#a2f525 rgb(162,245,37)
```
#91f525
```
#91f525 rgb(145,245,37)
```
#7ff525
```
#7ff525 rgb(127,245,37)
```
#6ef525
```
#6ef525 rgb(110,245,37)
```

Similar Colors

Text with hexadecimal color #a2f525

This text has a font color of #a2f525.

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

#a2f525 background color

This paragraph has a background color of #a2f525.

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

#a2f525 border color

This element has a border color of #a2f525.

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

CSS codes

.text {color:#a2f525;}

.background {background-color:#a2f525;}

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

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

#040700
```
#040700 rgb(4,7,0)
```
#101a01
```
#101a01 rgb(16,26,1)
```
#1c2d02
```
#1c2d02 rgb(28,45,2)
```
#273f03
```
#273f03 rgb(39,63,3)
```
#335204
```
#335204 rgb(51,82,4)
```
#3e6505
```
#3e6505 rgb(62,101,5)
```
#4a7805
```
#4a7805 rgb(74,120,5)
```
#568a06
```
#568a06 rgb(86,138,6)
```
#619d07
```
#619d07 rgb(97,157,7)
```
#6db008
```
#6db008 rgb(109,176,8)
```
#79c309
```
#79c309 rgb(121,195,9)
```
#84d50a
```
#84d50a rgb(132,213,10)
```
#90e80b
```
#90e80b rgb(144,232,11)
```

Shade Color Variation

#9af412
```
#9af412 rgb(154,244,18)
```
#a2f525
```
#a2f525 rgb(162,245,37)
```
#aaf638
```
#aaf638 rgb(170,246,56)
```
#b2f74b
```
#b2f74b rgb(178,247,75)
```
#baf85d
```
#baf85d rgb(186,248,93)
```
#c2f870
```
#c2f870 rgb(194,248,112)
```
#caf983
```
#caf983 rgb(202,249,131)
```
#d2fa96
```
#d2fa96 rgb(210,250,150)
```
#dafba8
```
#dafba8 rgb(218,251,168)
```
#e2fcbb
```
#e2fcbb rgb(226,252,187)
```
#eafdce
```
#eafdce rgb(234,253,206)
```
#f2fee1
```
#f2fee1 rgb(242,254,225)
```
#fafef3
```
#fafef3 rgb(250,254,243)
```

Tint Color Variation

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

#8f9585
```
#8f9585 rgb(143,149,133)
```
#909d7d
```
#909d7d rgb(144,157,125)
```
#92a674
```
#92a674 rgb(146,166,116)
```
#94af6b
```
#94af6b rgb(148,175,107)
```
#96b862
```
#96b862 rgb(150,184,98)
```
#97c05a
```
#97c05a rgb(151,192,90)
```
#99c951
```
#99c951 rgb(153,201,81)
```
#9bd248
```
#9bd248 rgb(155,210,72)
```
#9ddb3f
```
#9ddb3f rgb(157,219,63)
```
#9ee337
```
#9ee337 rgb(158,227,55)
```
#a0ec2e
```
#a0ec2e rgb(160,236,46)
```
#a2f525
```
#a2f525 rgb(162,245,37)
```
#a4fe1c
```
#a4fe1c rgb(164,254,28)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#bdcea4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fae02a Protanopia 1% of men
#ffdaa7 Deuteranopia 1% of men
#c2e5f5 Tritanopia 0.001% of the population

Trichromacy

#dae728 Protanomaly 1% of men, 0.01% of women
#dde377 Deuteranomaly 6% of men, 0.4% of women
#b6eba9 Tritanomaly 0.01% of the population

#a2f525 hex color

#a2f525 Color Information

#a2f525 Color Conversion

Color Schemes with #a2f525

Alternatives to #a2f525

#a2f525 Preview

Shades and Tints of #a2f525

Tones of #a2f525

Color Blindness Simulator