#aaf66f hex color

In a RGB color space, hex #aaf66f is composed of 66.7% red, 96.5% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 30.9% cyan, 0% magenta, 54.9% yellow and 3.5% black. It has a hue angle of 93.8 degrees, a saturation of 88.2% and a lightness of 70%. #aaf66f color hex could be obtained by blending #ffffde with #55ed00. Closest websafe color is: #99ff66.

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

● #aaf66f color description : Soft green.

The hexadecimal color #aaf66f has RGB values of R:170, G:246, B:111 and CMYK values of C:0.31, M:0, Y:0.55, K:0.04. Its decimal value is 11204207.

Hex triplet	aaf66f	`#aaf66f`
RGB Decimal	170, 246, 111	`rgb(170,246,111)`
RGB Percent	66.7, 96.5, 43.5	`rgb(66.7%,96.5%,43.5%)`
CMYK	31, 0, 55, 4
HSL	93.8°, 88.2, 70	`hsl(93.8,88.2%,70%)`
HSV (or HSB)	93.8°, 54.9, 96.5
Web Safe	99ff66	`#99ff66`

CIE-LAB	89.675, -45.508, 56.749
XYZ	52.401, 75.603, 26.87
xyY	0.338, 0.488, 75.603
CIE-LCH	89.675, 72.742, 128.726
CIE-LUV	89.675, -37.788, 80.063
Hunter-Lab	86.95, -44.589, 42.543
Binary	10101010, 11110110, 01101111

#aaf66f
```
#aaf66f rgb(170,246,111)
```
#bb6ff6
```
#bb6ff6 rgb(187,111,246)
```

Complementary Color

#eef66f
```
#eef66f rgb(238,246,111)
```
#aaf66f
```
#aaf66f rgb(170,246,111)
```
#6ff678
```
#6ff678 rgb(111,246,120)
```

Analogous Color

#f66fee
```
#f66fee rgb(246,111,238)
```
#aaf66f
```
#aaf66f rgb(170,246,111)
```
#786ff6
```
#786ff6 rgb(120,111,246)
```

Split Complementary Color

#f66faa
```
#f66faa rgb(246,111,170)
```
#aaf66f
```
#aaf66f rgb(170,246,111)
```
#6faaf6
```
#6faaf6 rgb(111,170,246)
```

Triadic Color

#f6bb6f
```
#f6bb6f rgb(246,187,111)
```
#aaf66f
```
#aaf66f rgb(170,246,111)
```
#6faaf6
```
#6faaf6 rgb(111,170,246)
```
#bb6ff6
```
#bb6ff6 rgb(187,111,246)
```

Tetradic Color

#80f227
```
#80f227 rgb(128,242,39)
```
#8ef33f
```
#8ef33f rgb(142,243,63)
```
#9cf557
```
#9cf557 rgb(156,245,87)
```
#aaf66f
```
#aaf66f rgb(170,246,111)
```
#b8f887
```
#b8f887 rgb(184,248,135)
```
#c6f99f
```
#c6f99f rgb(198,249,159)
```
#d5fbb7
```
#d5fbb7 rgb(213,251,183)
```

Monochromatic Color

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

#ccf66f
```
#ccf66f rgb(204,246,111)
```
#c1f66f
```
#c1f66f rgb(193,246,111)
```
#b5f66f
```
#b5f66f rgb(181,246,111)
```
#aaf66f
```
#aaf66f rgb(170,246,111)
```
#9ff66f
```
#9ff66f rgb(159,246,111)
```
#94f66f
```
#94f66f rgb(148,246,111)
```
#88f66f
```
#88f66f rgb(136,246,111)
```

Similar Colors

Text with hexadecimal color #aaf66f

This text has a font color of #aaf66f.

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

#aaf66f background color

This paragraph has a background color of #aaf66f.

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

#aaf66f border color

This element has a border color of #aaf66f.

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

CSS codes

.text {color:#aaf66f;}

.background {background-color:#aaf66f;}

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

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

#020400
```
#020400 rgb(2,4,0)
```
#0a1601
```
#0a1601 rgb(10,22,1)
```
#132903
```
#132903 rgb(19,41,3)
```
#1c3b04
```
#1c3b04 rgb(28,59,4)
```
#254e05
```
#254e05 rgb(37,78,5)
```
#2d6006
```
#2d6006 rgb(45,96,6)
```
#367207
```
#367207 rgb(54,114,7)
```
#3f8508
```
#3f8508 rgb(63,133,8)
```
#479709
```
#479709 rgb(71,151,9)
```
#50aa0b
```
#50aa0b rgb(80,170,11)
```
#59bc0c
```
#59bc0c rgb(89,188,12)
```
#62cf0d
```
#62cf0d rgb(98,207,13)
```
#6ae10e
```
#6ae10e rgb(106,225,14)
```

Shade Color Variation

#74f013
```
#74f013 rgb(116,240,19)
```
#7ef125
```
#7ef125 rgb(126,241,37)
```
#89f338
```
#89f338 rgb(137,243,56)
```
#94f44a
```
#94f44a rgb(148,244,74)
```
#9ff55d
```
#9ff55d rgb(159,245,93)
```
#aaf66f
```
#aaf66f rgb(170,246,111)
```
#b5f781
```
#b5f781 rgb(181,247,129)
```
#c0f894
```
#c0f894 rgb(192,248,148)
```
#cbf9a6
```
#cbf9a6 rgb(203,249,166)
```
#d6fbb9
```
#d6fbb9 rgb(214,251,185)
```
#e0fccb
```
#e0fccb rgb(224,252,203)
```
#ebfdde
```
#ebfdde rgb(235,253,222)
```
#f6fef0
```
#f6fef0 rgb(246,254,240)
```

Tint Color Variation

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

#b2b5b0
```
#b2b5b0 rgb(178,181,176)
```
#b1bbaa
```
#b1bbaa rgb(177,187,170)
```
#b1c1a4
```
#b1c1a4 rgb(177,193,164)
```
#b0c79e
```
#b0c79e rgb(176,199,158)
```
#afcd98
```
#afcd98 rgb(175,205,152)
```
#aed392
```
#aed392 rgb(174,211,146)
```
#aed98c
```
#aed98c rgb(174,217,140)
```
#adde87
```
#adde87 rgb(173,222,135)
```
#ace481
```
#ace481 rgb(172,228,129)
```
#abea7b
```
#abea7b rgb(171,234,123)
```
#abf075
```
#abf075 rgb(171,240,117)
```
#aaf66f
```
#aaf66f rgb(170,246,111)
```
#a9fc69
```
#a9fc69 rgb(169,252,105)
```

Tone Color Variation

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

Dichromacy

#fae370 Protanopia 1% of men
#ffddb6 Deuteranopia 1% of men
#c5e8f9 Tritanopia 0.001% of the population

Trichromacy

#ddea6f Protanomaly 1% of men, 0.01% of women
#e0e69c Deuteranomaly 6% of men, 0.4% of women
#bbedc6 Tritanomaly 0.01% of the population

#aaf66f hex color

#aaf66f Color Information

#aaf66f Color Conversion

Color Schemes with #aaf66f

Alternatives to #aaf66f

#aaf66f Preview

Shades and Tints of #aaf66f

Tones of #aaf66f

Color Blindness Simulator