#aaf616 hex color

In a RGB color space, hex #aaf616 is composed of 66.7% red, 96.5% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 30.9% cyan, 0% magenta, 91.1% yellow and 3.5% black. It has a hue angle of 80.4 degrees, a saturation of 92.6% and a lightness of 52.5%. #aaf616 color hex could be obtained by blending #ffff2c with #55ed00. Closest websafe color is: #99ff00.

♥
- f
- t
- g
- R 67
- G 96
- B 9
RGB color chart
- C 31
- M 0
- Y 91
- K 4
CMYK color chart

● #aaf616 color description : Vivid green.

The hexadecimal color #aaf616 has RGB values of R:170, G:246, B:22 and CMYK values of C:0.31, M:0, Y:0.91, K:0.04. Its decimal value is 11204118.

Hex triplet	aaf616	`#aaf616`
RGB Decimal	170, 246, 22	`rgb(170,246,22)`
RGB Percent	66.7, 96.5, 8.6	`rgb(66.7%,96.5%,8.6%)`
CMYK	31, 0, 91, 4
HSL	80.4°, 92.6, 52.5	`hsl(80.4,92.6%,52.5%)`
HSV (or HSB)	80.4°, 91.1, 96.5
Web Safe	99ff00	`#99ff00`

CIE-LAB	89.165, -50.54, 84.053
XYZ	49.677, 74.514, 12.524
xyY	0.363, 0.545, 74.514
CIE-LCH	89.165, 98.077, 121.018
CIE-LUV	89.165, -38.171, 102.257
Hunter-Lab	86.321, -48.337, 51.823
Binary	10101010, 11110110, 00010110

#aaf616
```
#aaf616 rgb(170,246,22)
```
#6216f6
```
#6216f6 rgb(98,22,246)
```

Complementary Color

#f6d216
```
#f6d216 rgb(246,210,22)
```
#aaf616
```
#aaf616 rgb(170,246,22)
```
#3af616
```
#3af616 rgb(58,246,22)
```

Analogous Color

#d216f6
```
#d216f6 rgb(210,22,246)
```
#aaf616
```
#aaf616 rgb(170,246,22)
```
#163af6
```
#163af6 rgb(22,58,246)
```

Split Complementary Color

#f616aa
```
#f616aa rgb(246,22,170)
```
#aaf616
```
#aaf616 rgb(170,246,22)
```
#16aaf6
```
#16aaf6 rgb(22,170,246)
```

Triadic Color

#f66216
```
#f66216 rgb(246,98,22)
```
#aaf616
```
#aaf616 rgb(170,246,22)
```
#16aaf6
```
#16aaf6 rgb(22,170,246)
```
#6216f6
```
#6216f6 rgb(98,22,246)
```

Tetradic Color

#7cb807
```
#7cb807 rgb(124,184,7)
```
#8dd108
```
#8dd108 rgb(141,209,8)
```
#9de909
```
#9de909 rgb(157,233,9)
```
#aaf616
```
#aaf616 rgb(170,246,22)
```
#b3f72f
```
#b3f72f rgb(179,247,47)
```
#bcf847
```
#bcf847 rgb(188,248,71)
```
#c5f960
```
#c5f960 rgb(197,249,96)
```

Monochromatic Color

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

#e2f616
```
#e2f616 rgb(226,246,22)
```
#cff616
```
#cff616 rgb(207,246,22)
```
#bdf616
```
#bdf616 rgb(189,246,22)
```
#aaf616
```
#aaf616 rgb(170,246,22)
```
#97f616
```
#97f616 rgb(151,246,22)
```
#85f616
```
#85f616 rgb(133,246,22)
```
#72f616
```
#72f616 rgb(114,246,22)
```

Similar Colors

Text with hexadecimal color #aaf616

This text has a font color of #aaf616.

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

#aaf616 background color

This paragraph has a background color of #aaf616.

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

#aaf616 border color

This element has a border color of #aaf616.

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

CSS codes

.text {color:#aaf616;}

.background {background-color:#aaf616;}

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

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

#080d00
```
#080d00 rgb(8,13,0)
```
#151f01
```
#151f01 rgb(21,31,1)
```
#223202
```
#223202 rgb(34,50,2)
```
#2f4503
```
#2f4503 rgb(47,69,3)
```
#3b5803
```
#3b5803 rgb(59,88,3)
```
#486b04
```
#486b04 rgb(72,107,4)
```
#557e05
```
#557e05 rgb(85,126,5)
```
#629106
```
#629106 rgb(98,145,6)
```
#6ea406
```
#6ea406 rgb(110,164,6)
```
#7bb607
```
#7bb607 rgb(123,182,7)
```
#88c908
```
#88c908 rgb(136,201,8)
```
#94dc09
```
#94dc09 rgb(148,220,9)
```
#a1ef09
```
#a1ef09 rgb(161,239,9)
```

Shade Color Variation

#aaf616
```
#aaf616 rgb(170,246,22)
```
#b1f729
```
#b1f729 rgb(177,247,41)
```
#b8f73c
```
#b8f73c rgb(184,247,60)
```
#bff84f
```
#bff84f rgb(191,248,79)
```
#c6f962
```
#c6f962 rgb(198,249,98)
```
#ccfa74
```
#ccfa74 rgb(204,250,116)
```
#d3fa87
```
#d3fa87 rgb(211,250,135)
```
#dafb9a
```
#dafb9a rgb(218,251,154)
```
#e1fcad
```
#e1fcad rgb(225,252,173)
```
#e8fdc0
```
#e8fdc0 rgb(232,253,192)
```
#effdd3
```
#effdd3 rgb(239,253,211)
```
#f6fee6
```
#f6fee6 rgb(246,254,230)
```
#fdfff9
```
#fdfff9 rgb(253,255,249)
```

Tint Color Variation

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

#868686
```
#868686 rgb(134,134,134)
```
#89907c
```
#89907c rgb(137,144,124)
```
#8c9973
```
#8c9973 rgb(140,153,115)
```
#8fa26a
```
#8fa26a rgb(143,162,106)
```
#92ac60
```
#92ac60 rgb(146,172,96)
```
#95b557
```
#95b557 rgb(149,181,87)
```
#98be4e
```
#98be4e rgb(152,190,78)
```
#9bc745
```
#9bc745 rgb(155,199,69)
```
#9ed13b
```
#9ed13b rgb(158,209,59)
```
#a1da32
```
#a1da32 rgb(161,218,50)
```
#a4e329
```
#a4e329 rgb(164,227,41)
```
#a7ed1f
```
#a7ed1f rgb(167,237,31)
```
#aaf616
```
#aaf616 rgb(170,246,22)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c0d0a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fde219 Protanopia 1% of men
#ffdcad Deuteranopia 1% of men
#c8e6f6 Tritanopia 0.001% of the population

Trichromacy

#dee918 Protanomaly 1% of men, 0.01% of women
#e0e576 Deuteranomaly 6% of men, 0.4% of women
#bdeba4 Tritanomaly 0.01% of the population

#aaf616 hex color

#aaf616 Color Information

#aaf616 Color Conversion

Color Schemes with #aaf616

Alternatives to #aaf616

#aaf616 Preview

Shades and Tints of #aaf616

Tones of #aaf616

Color Blindness Simulator