#aaf286 hex color

In a RGB color space, hex #aaf286 is composed of 66.7% red, 94.9% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 29.8% cyan, 0% magenta, 44.6% yellow and 5.1% black. It has a hue angle of 100 degrees, a saturation of 80.6% and a lightness of 73.7%. #aaf286 color hex could be obtained by blending #ffffff with #55e50d. Closest websafe color is: #99ff99.

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

● #aaf286 color description : Very soft green.

The hexadecimal color #aaf286 has RGB values of R:170, G:242, B:134 and CMYK values of C:0.3, M:0, Y:0.45, K:0.05. Its decimal value is 11203206.

Hex triplet	aaf286	`#aaf286`
RGB Decimal	170, 242, 134	`rgb(170,242,134)`
RGB Percent	66.7, 94.9, 52.5	`rgb(66.7%,94.9%,52.5%)`
CMYK	30, 0, 45, 5
HSL	100°, 80.6, 73.7	`hsl(100,80.6%,73.7%)`
HSV (or HSB)	100°, 44.6, 94.9
Web Safe	99ff99	`#99ff99`

CIE-LAB	88.814, -41.196, 45.001
XYZ	52.631, 73.77, 34.019
xyY	0.328, 0.46, 73.77
CIE-LCH	88.814, 61.01, 132.472
CIE-LUV	88.814, -35.7, 67.052
Hunter-Lab	85.889, -40.926, 36.639
Binary	10101010, 11110010, 10000110

#aaf286
```
#aaf286 rgb(170,242,134)
```
#ce86f2
```
#ce86f2 rgb(206,134,242)
```

Complementary Color

#e0f286
```
#e0f286 rgb(224,242,134)
```
#aaf286
```
#aaf286 rgb(170,242,134)
```
#86f298
```
#86f298 rgb(134,242,152)
```

Analogous Color

#f286e0
```
#f286e0 rgb(242,134,224)
```
#aaf286
```
#aaf286 rgb(170,242,134)
```
#9886f2
```
#9886f2 rgb(152,134,242)
```

Split Complementary Color

#f286aa
```
#f286aa rgb(242,134,170)
```
#aaf286
```
#aaf286 rgb(170,242,134)
```
#86aaf2
```
#86aaf2 rgb(134,170,242)
```

Triadic Color

#f2ce86
```
#f2ce86 rgb(242,206,134)
```
#aaf286
```
#aaf286 rgb(170,242,134)
```
#86aaf2
```
#86aaf2 rgb(134,170,242)
```
#ce86f2
```
#ce86f2 rgb(206,134,242)
```

Tetradic Color

#79eb41
```
#79eb41 rgb(121,235,65)
```
#8aed58
```
#8aed58 rgb(138,237,88)
```
#9af06f
```
#9af06f rgb(154,240,111)
```
#aaf286
```
#aaf286 rgb(170,242,134)
```
#baf49d
```
#baf49d rgb(186,244,157)
```
#caf7b4
```
#caf7b4 rgb(202,247,180)
```
#dbf9cb
```
#dbf9cb rgb(219,249,203)
```

Monochromatic Color

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

#c5f286
```
#c5f286 rgb(197,242,134)
```
#bcf286
```
#bcf286 rgb(188,242,134)
```
#b3f286
```
#b3f286 rgb(179,242,134)
```
#aaf286
```
#aaf286 rgb(170,242,134)
```
#a1f286
```
#a1f286 rgb(161,242,134)
```
#98f286
```
#98f286 rgb(152,242,134)
```
#8ff286
```
#8ff286 rgb(143,242,134)
```

Similar Colors

Text with hexadecimal color #aaf286

This text has a font color of #aaf286.

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

#aaf286 background color

This paragraph has a background color of #aaf286.

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

#aaf286 border color

This element has a border color of #aaf286.

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

CSS codes

.text {color:#aaf286;}

.background {background-color:#aaf286;}

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

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

#010300
```
#010300 rgb(1,3,0)
```
#081502
```
#081502 rgb(8,21,2)
```
#102604
```
#102604 rgb(16,38,4)
```
#173806
```
#173806 rgb(23,56,6)
```
#1e4a08
```
#1e4a08 rgb(30,74,8)
```
#255c0a
```
#255c0a rgb(37,92,10)
```
#2c6d0c
```
#2c6d0c rgb(44,109,12)
```
#337f0e
```
#337f0e rgb(51,127,14)
```
#3b9110
```
#3b9110 rgb(59,145,16)
```
#42a211
```
#42a211 rgb(66,162,17)
```
#49b413
```
#49b413 rgb(73,180,19)
```
#50c615
```
#50c615 rgb(80,198,21)
```
#57d817
```
#57d817 rgb(87,216,23)
```

Shade Color Variation

#5fe71c
```
#5fe71c rgb(95,231,28)
```
#6ce82d
```
#6ce82d rgb(108,232,45)
```
#78ea3f
```
#78ea3f rgb(120,234,63)
```
#85ec51
```
#85ec51 rgb(133,236,81)
```
#91ee63
```
#91ee63 rgb(145,238,99)
```
#9ef074
```
#9ef074 rgb(158,240,116)
```
#aaf286
```
#aaf286 rgb(170,242,134)
```
#b6f498
```
#b6f498 rgb(182,244,152)
```
#c3f6a9
```
#c3f6a9 rgb(195,246,169)
```
#cff8bb
```
#cff8bb rgb(207,248,187)
```
#dcfacd
```
#dcfacd rgb(220,250,205)
```
#e8fcdf
```
#e8fcdf rgb(232,252,223)
```
#f5fdf0
```
#f5fdf0 rgb(245,253,240)
```

Tint Color Variation

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

#bbbeba
```
#bbbeba rgb(187,190,186)
```
#b9c4b4
```
#b9c4b4 rgb(185,196,180)
```
#b8c9af
```
#b8c9af rgb(184,201,175)
```
#b6ceaa
```
#b6ceaa rgb(182,206,170)
```
#b4d3a5
```
#b4d3a5 rgb(180,211,165)
```
#b3d8a0
```
#b3d8a0 rgb(179,216,160)
```
#b1dd9b
```
#b1dd9b rgb(177,221,155)
```
#afe395
```
#afe395 rgb(175,227,149)
```
#ade890
```
#ade890 rgb(173,232,144)
```
#aced8b
```
#aced8b rgb(172,237,139)
```
#aaf286
```
#aaf286 rgb(170,242,134)
```
#a8f781
```
#a8f781 rgb(168,247,129)
```
#a7fc7c
```
#a7fc7c rgb(167,252,124)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#c8d7c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5e085 Protanopia 1% of men
#ffdab3 Deuteranopia 1% of men
#c2e6f6 Tritanopia 0.001% of the population

Trichromacy

#dae685 Protanomaly 1% of men, 0.01% of women
#e0e3a3 Deuteranomaly 6% of men, 0.4% of women
#b9eacd Tritanomaly 0.01% of the population

#aaf286 hex color

#aaf286 Color Information

#aaf286 Color Conversion

Color Schemes with #aaf286

Alternatives to #aaf286

#aaf286 Preview

Shades and Tints of #aaf286

Tones of #aaf286

Color Blindness Simulator