#afe166 hex color

In a RGB color space, hex #afe166 is composed of 68.6% red, 88.2% green and 40% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 0% magenta, 54.7% yellow and 11.8% black. It has a hue angle of 84.4 degrees, a saturation of 67.2% and a lightness of 64.1%. #afe166 color hex could be obtained by blending #ffffcc with #5fc300. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 88
- B 40
RGB color chart
- C 22
- M 0
- Y 55
- K 12
CMYK color chart

● #afe166 color description : Soft green.

The hexadecimal color #afe166 has RGB values of R:175, G:225, B:102 and CMYK values of C:0.22, M:0, Y:0.55, K:0.12. Its decimal value is 11526502.

Hex triplet	afe166	`#afe166`
RGB Decimal	175, 225, 102	`rgb(175,225,102)`
RGB Percent	68.6, 88.2, 40	`rgb(68.6%,88.2%,40%)`
CMYK	22, 0, 55, 12
HSL	84.4°, 67.2, 64.1	`hsl(84.4,67.2%,64.1%)`
HSV (or HSB)	84.4°, 54.7, 88.2
Web Safe	99cc66	`#99cc66`

CIE-LAB	83.926, -35.321, 54.163
XYZ	47.002, 63.923, 22.432
xyY	0.352, 0.479, 63.923
CIE-LCH	83.926, 64.663, 123.109
CIE-LUV	83.926, -24.708, 73.928
Hunter-Lab	79.952, -34.98, 39.331
Binary	10101111, 11100001, 01100110

#afe166
```
#afe166 rgb(175,225,102)
```
#9866e1
```
#9866e1 rgb(152,102,225)
```

Complementary Color

#e1d666
```
#e1d666 rgb(225,214,102)
```
#afe166
```
#afe166 rgb(175,225,102)
```
#72e166
```
#72e166 rgb(114,225,102)
```

Analogous Color

#d666e1
```
#d666e1 rgb(214,102,225)
```
#afe166
```
#afe166 rgb(175,225,102)
```
#6672e1
```
#6672e1 rgb(102,114,225)
```

Split Complementary Color

#e166af
```
#e166af rgb(225,102,175)
```
#afe166
```
#afe166 rgb(175,225,102)
```
#66afe1
```
#66afe1 rgb(102,175,225)
```

Triadic Color

#e19866
```
#e19866 rgb(225,152,102)
```
#afe166
```
#afe166 rgb(175,225,102)
```
#66afe1
```
#66afe1 rgb(102,175,225)
```
#9866e1
```
#9866e1 rgb(152,102,225)
```

Tetradic Color

#8dd129
```
#8dd129 rgb(141,209,41)
```
#99d93b
```
#99d93b rgb(153,217,59)
```
#a4dd51
```
#a4dd51 rgb(164,221,81)
```
#afe166
```
#afe166 rgb(175,225,102)
```
#bae57b
```
#bae57b rgb(186,229,123)
```
#c5e991
```
#c5e991 rgb(197,233,145)
```
#d0eea6
```
#d0eea6 rgb(208,238,166)
```

Monochromatic Color

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

#cee166
```
#cee166 rgb(206,225,102)
```
#c4e166
```
#c4e166 rgb(196,225,102)
```
#b9e166
```
#b9e166 rgb(185,225,102)
```
#afe166
```
#afe166 rgb(175,225,102)
```
#a5e166
```
#a5e166 rgb(165,225,102)
```
#9be166
```
#9be166 rgb(155,225,102)
```
#90e166
```
#90e166 rgb(144,225,102)
```

Similar Colors

Text with hexadecimal color #afe166

This text has a font color of #afe166.

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

#afe166 background color

This paragraph has a background color of #afe166.

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

#afe166 border color

This element has a border color of #afe166.

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

CSS codes

.text {color:#afe166;}

.background {background-color:#afe166;}

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

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

#070b02
```
#070b02 rgb(7,11,2)
```
#121b05
```
#121b05 rgb(18,27,5)
```
#1d2c09
```
#1d2c09 rgb(29,44,9)
```
#293c0c
```
#293c0c rgb(41,60,12)
```
#344d0f
```
#344d0f rgb(52,77,15)
```
#3f5d12
```
#3f5d12 rgb(63,93,18)
```
#4a6d15
```
#4a6d15 rgb(74,109,21)
```
#557e19
```
#557e19 rgb(85,126,25)
```
#608e1c
```
#608e1c rgb(96,142,28)
```
#6b9f1f
```
#6b9f1f rgb(107,159,31)
```
#76af22
```
#76af22 rgb(118,175,34)
```
#81bf26
```
#81bf26 rgb(129,191,38)
```
#8cd029
```
#8cd029 rgb(140,208,41)
```

Shade Color Variation

#95d735
```
#95d735 rgb(149,215,53)
```
#9edb45
```
#9edb45 rgb(158,219,69)
```
#a6de56
```
#a6de56 rgb(166,222,86)
```
#afe166
```
#afe166 rgb(175,225,102)
```
#b8e476
```
#b8e476 rgb(184,228,118)
```
#c0e787
```
#c0e787 rgb(192,231,135)
```
#c9eb97
```
#c9eb97 rgb(201,235,151)
```
#d1eea8
```
#d1eea8 rgb(209,238,168)
```
#daf1b8
```
#daf1b8 rgb(218,241,184)
```
#e2f4c8
```
#e2f4c8 rgb(226,244,200)
```
#ebf8d9
```
#ebf8d9 rgb(235,248,217)
```
#f4fbe9
```
#f4fbe9 rgb(244,251,233)
```
#fcfefa
```
#fcfefa rgb(252,254,250)
```

Tint Color Variation

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

#a4a99e
```
#a4a99e rgb(164,169,158)
```
#a6b097
```
#a6b097 rgb(166,176,151)
```
#a7b790
```
#a7b790 rgb(167,183,144)
```
#a8be89
```
#a8be89 rgb(168,190,137)
```
#aac582
```
#aac582 rgb(170,197,130)
```
#abcc7b
```
#abcc7b rgb(171,204,123)
```
#acd374
```
#acd374 rgb(172,211,116)
```
#aeda6d
```
#aeda6d rgb(174,218,109)
```
#afe166
```
#afe166 rgb(175,225,102)
```
#b0e85f
```
#b0e85f rgb(176,232,95)
```
#b2ef58
```
#b2ef58 rgb(178,239,88)
```
#b3f651
```
#b3f651 rgb(179,246,81)
```
#b4fd4a
```
#b4fd4a rgb(180,253,74)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c0cab1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d369 Protanopia 1% of men
#ffca7e Deuteranopia 1% of men
#c5d5e5 Tritanopia 0.001% of the population

Trichromacy

#d4d868 Protanomaly 1% of men, 0.01% of women
#e1d275 Deuteranomaly 6% of men, 0.4% of women
#bdd9b6 Tritanomaly 0.01% of the population

#afe166 hex color

#afe166 Color Information

#afe166 Color Conversion

Color Schemes with #afe166

Alternatives to #afe166

#afe166 Preview

Shades and Tints of #afe166

Tones of #afe166

Color Blindness Simulator