#a2fa1f hex color

In a RGB color space, hex #a2fa1f is composed of 63.5% red, 98% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 35.2% cyan, 0% magenta, 87.6% yellow and 2% black. It has a hue angle of 84.1 degrees, a saturation of 95.6% and a lightness of 55.1%. #a2fa1f color hex could be obtained by blending #ffff3e with #45f500. Closest websafe color is: #99ff33.

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

● #a2fa1f color description : Vivid green.

The hexadecimal color #a2fa1f has RGB values of R:162, G:250, B:31 and CMYK values of C:0.35, M:0, Y:0.88, K:0.02. Its decimal value is 10680863.

Hex triplet	a2fa1f	`#a2fa1f`
RGB Decimal	162, 250, 31	`rgb(162,250,31)`
RGB Percent	63.5, 98, 12.2	`rgb(63.5%,98%,12.2%)`
CMYK	35, 0, 88, 2
HSL	84.1°, 95.6, 55.1	`hsl(84.1,95.6%,55.1%)`
HSV (or HSB)	84.1°, 87.6, 98
Web Safe	99ff33	`#99ff33`

CIE-LAB	89.929, -54.767, 83.165
XYZ	49.332, 76.15, 13.395
xyY	0.355, 0.548, 76.15
CIE-LCH	89.929, 99.579, 123.366
CIE-LUV	89.929, -44.004, 102.947
Hunter-Lab	87.264, -51.802, 51.983
Binary	10100010, 11111010, 00011111

#a2fa1f
```
#a2fa1f rgb(162,250,31)
```
#771ffa
```
#771ffa rgb(119,31,250)
```

Complementary Color

#fae51f
```
#fae51f rgb(250,229,31)
```
#a2fa1f
```
#a2fa1f rgb(162,250,31)
```
#35fa1f
```
#35fa1f rgb(53,250,31)
```

Analogous Color

#e51ffa
```
#e51ffa rgb(229,31,250)
```
#a2fa1f
```
#a2fa1f rgb(162,250,31)
```
#1f34fa
```
#1f34fa rgb(31,52,250)
```

Split Complementary Color

#fa1fa2
```
#fa1fa2 rgb(250,31,162)
```
#a2fa1f
```
#a2fa1f rgb(162,250,31)
```
#1fa2fa
```
#1fa2fa rgb(31,162,250)
```

Triadic Color

#fa771f
```
#fa771f rgb(250,119,31)
```
#a2fa1f
```
#a2fa1f rgb(162,250,31)
```
#1fa2fa
```
#1fa2fa rgb(31,162,250)
```
#771ffa
```
#771ffa rgb(119,31,250)
```

Tetradic Color

#79c804
```
#79c804 rgb(121,200,4)
```
#89e105
```
#89e105 rgb(137,225,5)
```
#98f906
```
#98f906 rgb(152,249,6)
```
#a2fa1f
```
#a2fa1f rgb(162,250,31)
```
#acfb38
```
#acfb38 rgb(172,251,56)
```
#b7fb51
```
#b7fb51 rgb(183,251,81)
```
#c1fc6a
```
#c1fc6a rgb(193,252,106)
```

Monochromatic Color

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

#d9fa1f
```
#d9fa1f rgb(217,250,31)
```
#c7fa1f
```
#c7fa1f rgb(199,250,31)
```
#b4fa1f
```
#b4fa1f rgb(180,250,31)
```
#a2fa1f
```
#a2fa1f rgb(162,250,31)
```
#90fa1f
```
#90fa1f rgb(144,250,31)
```
#7efa1f
```
#7efa1f rgb(126,250,31)
```
#6bfa1f
```
#6bfa1f rgb(107,250,31)
```

Similar Colors

Text with hexadecimal color #a2fa1f

This text has a font color of #a2fa1f.

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

#a2fa1f background color

This paragraph has a background color of #a2fa1f.

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

#a2fa1f border color

This element has a border color of #a2fa1f.

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

CSS codes

.text {color:#a2fa1f;}

.background {background-color:#a2fa1f;}

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

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

#040600
```
#040600 rgb(4,6,0)
```
#0f1901
```
#0f1901 rgb(15,25,1)
```
#1b2d01
```
#1b2d01 rgb(27,45,1)
```
#274001
```
#274001 rgb(39,64,1)
```
#325302
```
#325302 rgb(50,83,2)
```
#3e6602
```
#3e6602 rgb(62,102,2)
```
#4a7903
```
#4a7903 rgb(74,121,3)
```
#558d03
```
#558d03 rgb(85,141,3)
```
#61a004
```
#61a004 rgb(97,160,4)
```
#6db304
```
#6db304 rgb(109,179,4)
```
#78c604
```
#78c604 rgb(120,198,4)
```
#84d905
```
#84d905 rgb(132,217,5)
```
#90ec05
```
#90ec05 rgb(144,236,5)
```

Shade Color Variation

#9afa0c
```
#9afa0c rgb(154,250,12)
```
#a2fa1f
```
#a2fa1f rgb(162,250,31)
```
#aafa32
```
#aafa32 rgb(170,250,50)
```
#b2fb45
```
#b2fb45 rgb(178,251,69)
```
#bafb59
```
#bafb59 rgb(186,251,89)
```
#c2fc6c
```
#c2fc6c rgb(194,252,108)
```
#cafc7f
```
#cafc7f rgb(202,252,127)
```
#d2fd92
```
#d2fd92 rgb(210,253,146)
```
#dafda5
```
#dafda5 rgb(218,253,165)
```
#e2fdb8
```
#e2fdb8 rgb(226,253,184)
```
#eafecc
```
#eafecc rgb(234,254,204)
```
#f2fedf
```
#f2fedf rgb(242,254,223)
```
#fafff2
```
#fafff2 rgb(250,255,242)
```

Tint Color Variation

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

#8d9089
```
#8d9089 rgb(141,144,137)
```
#8f9980
```
#8f9980 rgb(143,153,128)
```
#91a277
```
#91a277 rgb(145,162,119)
```
#92ab6e
```
#92ab6e rgb(146,171,110)
```
#94b465
```
#94b465 rgb(148,180,101)
```
#96bc5d
```
#96bc5d rgb(150,188,93)
```
#98c554
```
#98c554 rgb(152,197,84)
```
#99ce4b
```
#99ce4b rgb(153,206,75)
```
#9bd742
```
#9bd742 rgb(155,215,66)
```
#9de039
```
#9de039 rgb(157,224,57)
```
#9fe831
```
#9fe831 rgb(159,232,49)
```
#a0f128
```
#a0f128 rgb(160,241,40)
```
#a2fa1f
```
#a2fa1f rgb(162,250,31)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c0d1a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe430 Protanopia 1% of men
#ffdeb4 Deuteranopia 1% of men
#c3e9fa Tritanopia 0.001% of the population

Trichromacy

#ddec29 Protanomaly 1% of men, 0.01% of women
#dde87d Deuteranomaly 6% of men, 0.4% of women
#b7efaa Tritanomaly 0.01% of the population

#a2fa1f hex color

#a2fa1f Color Information

#a2fa1f Color Conversion

Color Schemes with #a2fa1f

Alternatives to #a2fa1f

#a2fa1f Preview

Shades and Tints of #a2fa1f

Tones of #a2fa1f

Color Blindness Simulator