#aaf150 hex color

In a RGB color space, hex #aaf150 is composed of 66.7% red, 94.5% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 29.5% cyan, 0% magenta, 66.8% yellow and 5.5% black. It has a hue angle of 86.5 degrees, a saturation of 85.2% and a lightness of 62.9%. #aaf150 color hex could be obtained by blending #ffffa0 with #55e300. Closest websafe color is: #99ff66.

♥
- f
- t
- g
- R 67
- G 95
- B 31
RGB color chart
- C 29
- M 0
- Y 67
- K 5
CMYK color chart

● #aaf150 color description : Soft green.

The hexadecimal color #aaf150 has RGB values of R:170, G:241, B:80 and CMYK values of C:0.29, M:0, Y:0.67, K:0.05. Its decimal value is 11202896.

Hex triplet	aaf150	`#aaf150`
RGB Decimal	170, 241, 80	`rgb(170,241,80)`
RGB Percent	66.7, 94.5, 31.4	`rgb(66.7%,94.5%,31.4%)`
CMYK	29, 0, 67, 5
HSL	86.5°, 85.2, 62.9	`hsl(86.5,85.2%,62.9%)`
HSV (or HSB)	86.5°, 66.8, 94.5
Web Safe	99ff66	`#99ff66`

CIE-LAB	87.985, -45.989, 67.746
XYZ	49.48, 72.034, 18.886
xyY	0.352, 0.513, 72.034
CIE-LCH	87.985, 81.882, 124.17
CIE-LUV	87.985, -35.518, 89.214
Hunter-Lab	84.873, -44.465, 46.218
Binary	10101010, 11110001, 01010000

#aaf150
```
#aaf150 rgb(170,241,80)
```
#9750f1
```
#9750f1 rgb(151,80,241)
```

Complementary Color

#f1e850
```
#f1e850 rgb(241,232,80)
```
#aaf150
```
#aaf150 rgb(170,241,80)
```
#5af150
```
#5af150 rgb(90,241,80)
```

Analogous Color

#e850f1
```
#e850f1 rgb(232,80,241)
```
#aaf150
```
#aaf150 rgb(170,241,80)
```
#505af1
```
#505af1 rgb(80,90,241)
```

Split Complementary Color

#f150aa
```
#f150aa rgb(241,80,170)
```
#aaf150
```
#aaf150 rgb(170,241,80)
```
#50aaf1
```
#50aaf1 rgb(80,170,241)
```

Triadic Color

#f19750
```
#f19750 rgb(241,151,80)
```
#aaf150
```
#aaf150 rgb(170,241,80)
```
#50aaf1
```
#50aaf1 rgb(80,170,241)
```
#9750f1
```
#9750f1 rgb(151,80,241)
```

Tetradic Color

#87e212
```
#87e212 rgb(135,226,18)
```
#93ed21
```
#93ed21 rgb(147,237,33)
```
#9fef38
```
#9fef38 rgb(159,239,56)
```
#aaf150
```
#aaf150 rgb(170,241,80)
```
#b5f368
```
#b5f368 rgb(181,243,104)
```
#c1f57f
```
#c1f57f rgb(193,245,127)
```
#ccf797
```
#ccf797 rgb(204,247,151)
```

Monochromatic Color

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

#d2f150
```
#d2f150 rgb(210,241,80)
```
#c5f150
```
#c5f150 rgb(197,241,80)
```
#b7f150
```
#b7f150 rgb(183,241,80)
```
#aaf150
```
#aaf150 rgb(170,241,80)
```
#9df150
```
#9df150 rgb(157,241,80)
```
#8ff150
```
#8ff150 rgb(143,241,80)
```
#82f150
```
#82f150 rgb(130,241,80)
```

Similar Colors

Text with hexadecimal color #aaf150

This text has a font color of #aaf150.

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

#aaf150 background color

This paragraph has a background color of #aaf150.

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

#aaf150 border color

This element has a border color of #aaf150.

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

CSS codes

.text {color:#aaf150;}

.background {background-color:#aaf150;}

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

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

#040701
```
#040701 rgb(4,7,1)
```
#0f1902
```
#0f1902 rgb(15,25,2)
```
#1a2b03
```
#1a2b03 rgb(26,43,3)
```
#243d05
```
#243d05 rgb(36,61,5)
```
#2f4f06
```
#2f4f06 rgb(47,79,6)
```
#3a6108
```
#3a6108 rgb(58,97,8)
```
#457409
```
#457409 rgb(69,116,9)
```
#4f860b
```
#4f860b rgb(79,134,11)
```
#5a980c
```
#5a980c rgb(90,152,12)
```
#65aa0e
```
#65aa0e rgb(101,170,14)
```
#70bc0f
```
#70bc0f rgb(112,188,15)
```
#7bce11
```
#7bce11 rgb(123,206,17)
```
#85e112
```
#85e112 rgb(133,225,18)
```

Shade Color Variation

#90ed1a
```
#90ed1a rgb(144,237,26)
```
#98ee2c
```
#98ee2c rgb(152,238,44)
```
#a1f03e
```
#a1f03e rgb(161,240,62)
```
#aaf150
```
#aaf150 rgb(170,241,80)
```
#b3f262
```
#b3f262 rgb(179,242,98)
```
#bcf474
```
#bcf474 rgb(188,244,116)
```
#c4f586
```
#c4f586 rgb(196,245,134)
```
#cdf799
```
#cdf799 rgb(205,247,153)
```
#d6f8ab
```
#d6f8ab rgb(214,248,171)
```
#dffabd
```
#dffabd rgb(223,250,189)
```
#e8fbcf
```
#e8fbcf rgb(232,251,207)
```
#f1fde1
```
#f1fde1 rgb(241,253,225)
```
#f9fef3
```
#f9fef3 rgb(249,254,243)
```

Tint Color Variation

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

#a1a1a0
```
#a1a1a0 rgb(161,161,160)
```
#a1a899
```
#a1a899 rgb(161,168,153)
```
#a2b091
```
#a2b091 rgb(162,176,145)
```
#a3b78a
```
#a3b78a rgb(163,183,138)
```
#a4be83
```
#a4be83 rgb(164,190,131)
```
#a5c57c
```
#a5c57c rgb(165,197,124)
```
#a6cd74
```
#a6cd74 rgb(166,205,116)
```
#a7d46d
```
#a7d46d rgb(167,212,109)
```
#a7db66
```
#a7db66 rgb(167,219,102)
```
#a8e25f
```
#a8e25f rgb(168,226,95)
```
#a9ea57
```
#a9ea57 rgb(169,234,87)
```
#aaf150
```
#aaf150 rgb(170,241,80)
```
#abf849
```
#abf849 rgb(171,248,73)
```

Tone Color Variation

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

Dichromacy

#f7de53 Protanopia 1% of men
#ffd8a4 Deuteranopia 1% of men
#c5e2f3 Tritanopia 0.001% of the population

Trichromacy

#dbe552 Protanomaly 1% of men, 0.01% of women
#e0e186 Deuteranomaly 6% of men, 0.4% of women
#bbe7b7 Tritanomaly 0.01% of the population

#aaf150 hex color

#aaf150 Color Information

#aaf150 Color Conversion

Color Schemes with #aaf150

Alternatives to #aaf150

#aaf150 Preview

Shades and Tints of #aaf150

Tones of #aaf150

Color Blindness Simulator