#aaf816 hex color

In a RGB color space, hex #aaf816 is composed of 66.7% red, 97.3% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 31.5% cyan, 0% magenta, 91.1% yellow and 2.7% black. It has a hue angle of 80.7 degrees, a saturation of 94.2% and a lightness of 52.9%. #aaf816 color hex could be obtained by blending #ffff2c with #55f100. Closest websafe color is: #99ff00.

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

● #aaf816 color description : Vivid green.

The hexadecimal color #aaf816 has RGB values of R:170, G:248, B:22 and CMYK values of C:0.31, M:0, Y:0.91, K:0.03. Its decimal value is 11204630.

Hex triplet	aaf816	`#aaf816`
RGB Decimal	170, 248, 22	`rgb(170,248,22)`
RGB Percent	66.7, 97.3, 8.6	`rgb(66.7%,97.3%,8.6%)`
CMYK	31, 0, 91, 3
HSL	80.7°, 94.2, 52.9	`hsl(80.7,94.2%,52.9%)`
HSV (or HSB)	80.7°, 91.1, 97.3
Web Safe	99ff00	`#99ff00`

CIE-LAB	89.737, -51.361, 84.514
XYZ	50.289, 75.737, 12.728
xyY	0.362, 0.546, 75.737
CIE-LCH	89.737, 98.897, 121.288
CIE-LUV	89.737, -39.16, 103.025
Hunter-Lab	87.027, -49.151, 52.247
Binary	10101010, 11111000, 00010110

#aaf816
```
#aaf816 rgb(170,248,22)
```
#6416f8
```
#6416f8 rgb(100,22,248)
```

Complementary Color

#f8d516
```
#f8d516 rgb(248,213,22)
```
#aaf816
```
#aaf816 rgb(170,248,22)
```
#39f816
```
#39f816 rgb(57,248,22)
```

Analogous Color

#d516f8
```
#d516f8 rgb(213,22,248)
```
#aaf816
```
#aaf816 rgb(170,248,22)
```
#1639f8
```
#1639f8 rgb(22,57,248)
```

Split Complementary Color

#f816aa
```
#f816aa rgb(248,22,170)
```
#aaf816
```
#aaf816 rgb(170,248,22)
```
#16aaf8
```
#16aaf8 rgb(22,170,248)
```

Triadic Color

#f86416
```
#f86416 rgb(248,100,22)
```
#aaf816
```
#aaf816 rgb(170,248,22)
```
#16aaf8
```
#16aaf8 rgb(22,170,248)
```
#6416f8
```
#6416f8 rgb(100,22,248)
```

Tetradic Color

#7dbc06
```
#7dbc06 rgb(125,188,6)
```
#8dd506
```
#8dd506 rgb(141,213,6)
```
#9eed07
```
#9eed07 rgb(158,237,7)
```
#aaf816
```
#aaf816 rgb(170,248,22)
```
#b3f92f
```
#b3f92f rgb(179,249,47)
```
#bcf948
```
#bcf948 rgb(188,249,72)
```
#c5fa60
```
#c5fa60 rgb(197,250,96)
```

Monochromatic Color

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

#e3f816
```
#e3f816 rgb(227,248,22)
```
#d0f816
```
#d0f816 rgb(208,248,22)
```
#bdf816
```
#bdf816 rgb(189,248,22)
```
#aaf816
```
#aaf816 rgb(170,248,22)
```
#97f816
```
#97f816 rgb(151,248,22)
```
#84f816
```
#84f816 rgb(132,248,22)
```
#72f816
```
#72f816 rgb(114,248,22)
```

Similar Colors

Text with hexadecimal color #aaf816

This text has a font color of #aaf816.

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

#aaf816 background color

This paragraph has a background color of #aaf816.

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

#aaf816 border color

This element has a border color of #aaf816.

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

CSS codes

.text {color:#aaf816;}

.background {background-color:#aaf816;}

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

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, #0a0f00 is the darkest color, while #fdfffb is the lightest one.

#0a0f00
```
#0a0f00 rgb(10,15,0)
```
#162201
```
#162201 rgb(22,34,1)
```
#233502
```
#233502 rgb(35,53,2)
```
#304802
```
#304802 rgb(48,72,2)
```
#3c5b03
```
#3c5b03 rgb(60,91,3)
```
#496e03
```
#496e03 rgb(73,110,3)
```
#568104
```
#568104 rgb(86,129,4)
```
#629404
```
#629404 rgb(98,148,4)
```
#6fa705
```
#6fa705 rgb(111,167,5)
```
#7cba06
```
#7cba06 rgb(124,186,6)
```
#88cd06
```
#88cd06 rgb(136,205,6)
```
#95e007
```
#95e007 rgb(149,224,7)
```
#a2f307
```
#a2f307 rgb(162,243,7)
```

Shade Color Variation

#aaf816
```
#aaf816 rgb(170,248,22)
```
#b1f929
```
#b1f929 rgb(177,249,41)
```
#b8f93c
```
#b8f93c rgb(184,249,60)
```
#bffa4f
```
#bffa4f rgb(191,250,79)
```
#c6fa62
```
#c6fa62 rgb(198,250,98)
```
#cdfb75
```
#cdfb75 rgb(205,251,117)
```
#d4fb88
```
#d4fb88 rgb(212,251,136)
```
#dbfc9b
```
#dbfc9b rgb(219,252,155)
```
#e2fdae
```
#e2fdae rgb(226,253,174)
```
#e9fdc1
```
#e9fdc1 rgb(233,253,193)
```
#effed4
```
#effed4 rgb(239,254,212)
```
#f6fee7
```
#f6fee7 rgb(246,254,231)
```
#fdfffb
```
#fdfffb rgb(253,255,251)
```

Tint Color Variation

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

#888985
```
#888985 rgb(136,137,133)
```
#8b927c
```
#8b927c rgb(139,146,124)
```
#8d9c72
```
#8d9c72 rgb(141,156,114)
```
#90a569
```
#90a569 rgb(144,165,105)
```
#93ae60
```
#93ae60 rgb(147,174,96)
```
#96b757
```
#96b757 rgb(150,183,87)
```
#99c14d
```
#99c14d rgb(153,193,77)
```
#9cca44
```
#9cca44 rgb(156,202,68)
```
#9fd33b
```
#9fd33b rgb(159,211,59)
```
#a1dc32
```
#a1dc32 rgb(161,220,50)
```
#a4e628
```
#a4e628 rgb(164,230,40)
```
#a7ef1f
```
#a7ef1f rgb(167,239,31)
```
#aaf816
```
#aaf816 rgb(170,248,22)
```

Tone Color Variation

Below, you can see how #aaf816 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
#c1d1a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fee319 Protanopia 1% of men
#ffdeb2 Deuteranopia 1% of men
#c9e7f8 Tritanopia 0.001% of the population

Trichromacy

#e0eb18 Protanomaly 1% of men, 0.01% of women
#e0e779 Deuteranomaly 6% of men, 0.4% of women
#bdeda6 Tritanomaly 0.01% of the population

#aaf816 hex color

#aaf816 Color Information

#aaf816 Color Conversion

Color Schemes with #aaf816

Alternatives to #aaf816

#aaf816 Preview

Shades and Tints of #aaf816

Tones of #aaf816

Color Blindness Simulator