#a2f066 hex color

In a RGB color space, hex #a2f066 is composed of 63.5% red, 94.1% green and 40% blue. Whereas in a CMYK color space, it is composed of 32.5% cyan, 0% magenta, 57.5% yellow and 5.9% black. It has a hue angle of 93.9 degrees, a saturation of 82.1% and a lightness of 67.1%. #a2f066 color hex could be obtained by blending #ffffcc with #45e100. Closest websafe color is: #99ff66.

♥
- f
- t
- g
- R 64
- G 94
- B 40
RGB color chart
- C 33
- M 0
- Y 58
- K 6
CMYK color chart

● #a2f066 color description : Soft green.

The hexadecimal color #a2f066 has RGB values of R:162, G:240, B:102 and CMYK values of C:0.33, M:0, Y:0.58, K:0.06. Its decimal value is 10678374.

Hex triplet	a2f066	`#a2f066`
RGB Decimal	162, 240, 102	`rgb(162,240,102)`
RGB Percent	63.5, 94.1, 40	`rgb(63.5%,94.1%,40%)`
CMYK	33, 0, 58, 6
HSL	93.9°, 82.1, 67.1	`hsl(93.9,82.1%,67.1%)`
HSV (or HSB)	93.9°, 57.5, 94.1
Web Safe	99ff66	`#99ff66`

CIE-LAB	87.465, -46.538, 58.059
XYZ	48.457, 70.959, 23.713
xyY	0.339, 0.496, 70.959
CIE-LCH	87.465, 74.408, 128.714
CIE-LUV	87.465, -38.808, 80.795
Hunter-Lab	84.237, -44.733, 42.276
Binary	10100010, 11110000, 01100110

#a2f066
```
#a2f066 rgb(162,240,102)
```
#b466f0
```
#b466f0 rgb(180,102,240)
```

Complementary Color

#e7f066
```
#e7f066 rgb(231,240,102)
```
#a2f066
```
#a2f066 rgb(162,240,102)
```
#66f06f
```
#66f06f rgb(102,240,111)
```

Analogous Color

#f066e7
```
#f066e7 rgb(240,102,231)
```
#a2f066
```
#a2f066 rgb(162,240,102)
```
#6f66f0
```
#6f66f0 rgb(111,102,240)
```

Split Complementary Color

#f066a2
```
#f066a2 rgb(240,102,162)
```
#a2f066
```
#a2f066 rgb(162,240,102)
```
#66a2f0
```
#66a2f0 rgb(102,162,240)
```

Triadic Color

#f0b466
```
#f0b466 rgb(240,180,102)
```
#a2f066
```
#a2f066 rgb(162,240,102)
```
#66a2f0
```
#66a2f0 rgb(102,162,240)
```
#b466f0
```
#b466f0 rgb(180,102,240)
```

Tetradic Color

#78e920
```
#78e920 rgb(120,233,32)
```
#86eb38
```
#86eb38 rgb(134,235,56)
```
#94ee4f
```
#94ee4f rgb(148,238,79)
```
#a2f066
```
#a2f066 rgb(162,240,102)
```
#b0f27d
```
#b0f27d rgb(176,242,125)
```
#bef594
```
#bef594 rgb(190,245,148)
```
#ccf7ac
```
#ccf7ac rgb(204,247,172)
```

Monochromatic Color

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

#c5f066
```
#c5f066 rgb(197,240,102)
```
#b9f066
```
#b9f066 rgb(185,240,102)
```
#aef066
```
#aef066 rgb(174,240,102)
```
#a2f066
```
#a2f066 rgb(162,240,102)
```
#97f066
```
#97f066 rgb(151,240,102)
```
#8bf066
```
#8bf066 rgb(139,240,102)
```
#80f066
```
#80f066 rgb(128,240,102)
```

Similar Colors

Text with hexadecimal color #a2f066

This text has a font color of #a2f066.

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

#a2f066 background color

This paragraph has a background color of #a2f066.

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

#a2f066 border color

This element has a border color of #a2f066.

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

CSS codes

.text {color:#a2f066;}

.background {background-color:#a2f066;}

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

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

#040801
```
#040801 rgb(4,8,1)
```
#0d1a03
```
#0d1a03 rgb(13,26,3)
```
#152c04
```
#152c04 rgb(21,44,4)
```
#1e3d06
```
#1e3d06 rgb(30,61,6)
```
#274f08
```
#274f08 rgb(39,79,8)
```
#30610a
```
#30610a rgb(48,97,10)
```
#38730b
```
#38730b rgb(56,115,11)
```
#41850d
```
#41850d rgb(65,133,13)
```
#4a970f
```
#4a970f rgb(74,151,15)
```
#53a911
```
#53a911 rgb(83,169,17)
```
#5bba12
```
#5bba12 rgb(91,186,18)
```
#64cc14
```
#64cc14 rgb(100,204,20)
```
#6dde16
```
#6dde16 rgb(109,222,22)
```

Shade Color Variation

#77e91f
```
#77e91f rgb(119,233,31)
```
#81eb30
```
#81eb30 rgb(129,235,48)
```
#8cec42
```
#8cec42 rgb(140,236,66)
```
#97ee54
```
#97ee54 rgb(151,238,84)
```
#a2f066
```
#a2f066 rgb(162,240,102)
```
#adf278
```
#adf278 rgb(173,242,120)
```
#b8f48a
```
#b8f48a rgb(184,244,138)
```
#c3f59c
```
#c3f59c rgb(195,245,156)
```
#cdf7ad
```
#cdf7ad rgb(205,247,173)
```
#d8f9bf
```
#d8f9bf rgb(216,249,191)
```
#e3fbd1
```
#e3fbd1 rgb(227,251,209)
```
#eefce3
```
#eefce3 rgb(238,252,227)
```
#f9fef5
```
#f9fef5 rgb(249,254,245)
```

Tint Color Variation

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

#aaafa7
```
#aaafa7 rgb(170,175,167)
```
#aab6a0
```
#aab6a0 rgb(170,182,160)
```
#a9bc9a
```
#a9bc9a rgb(169,188,154)
```
#a8c393
```
#a8c393 rgb(168,195,147)
```
#a7c98d
```
#a7c98d rgb(167,201,141)
```
#a6d086
```
#a6d086 rgb(166,208,134)
```
#a5d680
```
#a5d680 rgb(165,214,128)
```
#a5dd79
```
#a5dd79 rgb(165,221,121)
```
#a4e373
```
#a4e373 rgb(164,227,115)
```
#a3ea6c
```
#a3ea6c rgb(163,234,108)
```
#a2f066
```
#a2f066 rgb(162,240,102)
```
#a1f660
```
#a1f660 rgb(161,246,96)
```
#a0fd59
```
#a0fd59 rgb(160,253,89)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#c1d1b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4dd68 Protanopia 1% of men
#ffd6a2 Deuteranopia 1% of men
#bee2f3 Tritanopia 0.001% of the population

Trichromacy

#d6e467 Protanomaly 1% of men, 0.01% of women
#dddf8c Deuteranomaly 6% of men, 0.4% of women
#b3e7bf Tritanomaly 0.01% of the population

#a2f066 hex color

#a2f066 Color Information

#a2f066 Color Conversion

Color Schemes with #a2f066

Alternatives to #a2f066

#a2f066 Preview

Shades and Tints of #a2f066

Tones of #a2f066

Color Blindness Simulator