#aaf766 hex color

In a RGB color space, hex #aaf766 is composed of 66.7% red, 96.9% green and 40% blue. Whereas in a CMYK color space, it is composed of 31.2% cyan, 0% magenta, 58.7% yellow and 3.1% black. It has a hue angle of 91.9 degrees, a saturation of 90.1% and a lightness of 68.4%. #aaf766 color hex could be obtained by blending #ffffcc with #55ef00. Closest websafe color is: #99ff66.

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

● #aaf766 color description : Soft green.

The hexadecimal color #aaf766 has RGB values of R:170, G:247, B:102 and CMYK values of C:0.31, M:0, Y:0.59, K:0.03. Its decimal value is 11204454.

Hex triplet	aaf766	`#aaf766`
RGB Decimal	170, 247, 102	`rgb(170,247,102)`
RGB Percent	66.7, 96.9, 40	`rgb(66.7%,96.9%,40%)`
CMYK	31, 0, 59, 3
HSL	91.9°, 90.1, 68.4	`hsl(91.9,90.1%,68.4%)`
HSV (or HSB)	91.9°, 58.7, 96.9
Web Safe	99ff66	`#99ff66`

CIE-LAB	89.871, -46.786, 60.904
XYZ	52.235, 76.025, 24.492
xyY	0.342, 0.498, 76.025
CIE-LCH	89.871, 76.8, 127.531
CIE-LUV	89.871, -38.334, 84.224
Hunter-Lab	87.192, -45.651, 44.38
Binary	10101010, 11110111, 01100110

#aaf766
```
#aaf766 rgb(170,247,102)
```
#b366f7
```
#b366f7 rgb(179,102,247)
```

Complementary Color

#f3f766
```
#f3f766 rgb(243,247,102)
```
#aaf766
```
#aaf766 rgb(170,247,102)
```
#66f76b
```
#66f76b rgb(102,247,107)
```

Analogous Color

#f766f3
```
#f766f3 rgb(247,102,243)
```
#aaf766
```
#aaf766 rgb(170,247,102)
```
#6b66f7
```
#6b66f7 rgb(107,102,247)
```

Split Complementary Color

#f766aa
```
#f766aa rgb(247,102,170)
```
#aaf766
```
#aaf766 rgb(170,247,102)
```
#66aaf7
```
#66aaf7 rgb(102,170,247)
```

Triadic Color

#f7b366
```
#f7b366 rgb(247,179,102)
```
#aaf766
```
#aaf766 rgb(170,247,102)
```
#66aaf7
```
#66aaf7 rgb(102,170,247)
```
#b366f7
```
#b366f7 rgb(179,102,247)
```

Tetradic Color

#82f31d
```
#82f31d rgb(130,243,29)
```
#8ff436
```
#8ff436 rgb(143,244,54)
```
#9df64e
```
#9df64e rgb(157,246,78)
```
#aaf766
```
#aaf766 rgb(170,247,102)
```
#b7f87e
```
#b7f87e rgb(183,248,126)
```
#c5fa96
```
#c5fa96 rgb(197,250,150)
```
#d2fbaf
```
#d2fbaf rgb(210,251,175)
```

Monochromatic Color

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

#cef766
```
#cef766 rgb(206,247,102)
```
#c2f766
```
#c2f766 rgb(194,247,102)
```
#b6f766
```
#b6f766 rgb(182,247,102)
```
#aaf766
```
#aaf766 rgb(170,247,102)
```
#9ef766
```
#9ef766 rgb(158,247,102)
```
#92f766
```
#92f766 rgb(146,247,102)
```
#86f766
```
#86f766 rgb(134,247,102)
```

Similar Colors

Text with hexadecimal color #aaf766

This text has a font color of #aaf766.

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

#aaf766 background color

This paragraph has a background color of #aaf766.

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

#aaf766 border color

This element has a border color of #aaf766.

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

CSS codes

.text {color:#aaf766;}

.background {background-color:#aaf766;}

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

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

#070f01
```
#070f01 rgb(7,15,1)
```
#112102
```
#112102 rgb(17,33,2)
```
#1a3403
```
#1a3403 rgb(26,52,3)
```
#234704
```
#234704 rgb(35,71,4)
```
#2c5905
```
#2c5905 rgb(44,89,5)
```
#366c06
```
#366c06 rgb(54,108,6)
```
#3f7f07
```
#3f7f07 rgb(63,127,7)
```
#489108
```
#489108 rgb(72,145,8)
```
#51a409
```
#51a409 rgb(81,164,9)
```
#5bb70a
```
#5bb70a rgb(91,183,10)
```
#64c90b
```
#64c90b rgb(100,201,11)
```
#6ddc0b
```
#6ddc0b rgb(109,220,11)
```
#76ee0c
```
#76ee0c rgb(118,238,12)
```

Shade Color Variation

#81f31b
```
#81f31b rgb(129,243,27)
```
#8bf42e
```
#8bf42e rgb(139,244,46)
```
#95f541
```
#95f541 rgb(149,245,65)
```
#a0f653
```
#a0f653 rgb(160,246,83)
```
#aaf766
```
#aaf766 rgb(170,247,102)
```
#b4f879
```
#b4f879 rgb(180,248,121)
```
#bff98b
```
#bff98b rgb(191,249,139)
```
#c9fa9e
```
#c9fa9e rgb(201,250,158)
```
#d3fbb1
```
#d3fbb1 rgb(211,251,177)
```
#defcc3
```
#defcc3 rgb(222,252,195)
```
#e8fdd6
```
#e8fdd6 rgb(232,253,214)
```
#f2fee8
```
#f2fee8 rgb(242,254,232)
```
#fdfffb
```
#fdfffb rgb(253,255,251)
```

Tint Color Variation

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

#aeb3aa
```
#aeb3aa rgb(174,179,170)
```
#aeb9a4
```
#aeb9a4 rgb(174,185,164)
```
#adbf9e
```
#adbf9e rgb(173,191,158)
```
#adc598
```
#adc598 rgb(173,197,152)
```
#adcc91
```
#adcc91 rgb(173,204,145)
```
#acd28b
```
#acd28b rgb(172,210,139)
```
#acd885
```
#acd885 rgb(172,216,133)
```
#acde7f
```
#acde7f rgb(172,222,127)
```
#abe479
```
#abe479 rgb(171,228,121)
```
#abeb72
```
#abeb72 rgb(171,235,114)
```
#aaf16c
```
#aaf16c rgb(170,241,108)
```
#aaf766
```
#aaf766 rgb(170,247,102)
```
#aafd60
```
#aafd60 rgb(170,253,96)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#c8d7ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#fbe368 Protanopia 1% of men
#ffdeb7 Deuteranopia 1% of men
#c6e8f9 Tritanopia 0.001% of the population

Trichromacy

#deea67 Protanomaly 1% of men, 0.01% of women
#e0e799 Deuteranomaly 6% of men, 0.4% of women
#bbeec4 Tritanomaly 0.01% of the population

#aaf766 hex color

#aaf766 Color Information

#aaf766 Color Conversion

Color Schemes with #aaf766

Alternatives to #aaf766

#aaf766 Preview

Shades and Tints of #aaf766

Tones of #aaf766

Color Blindness Simulator