#afe164 hex color

In a RGB color space, hex #afe164 is composed of 68.6% red, 88.2% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 0% magenta, 55.6% yellow and 11.8% black. It has a hue angle of 84 degrees, a saturation of 67.6% and a lightness of 63.7%. #afe164 color hex could be obtained by blending #ffffc8 with #5fc300. Closest websafe color is: #99cc66.

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

● #afe164 color description : Soft green.

The hexadecimal color #afe164 has RGB values of R:175, G:225, B:100 and CMYK values of C:0.22, M:0, Y:0.56, K:0.12. Its decimal value is 11526500.

Hex triplet	afe164	`#afe164`
RGB Decimal	175, 225, 100	`rgb(175,225,100)`
RGB Percent	68.6, 88.2, 39.2	`rgb(68.6%,88.2%,39.2%)`
CMYK	22, 0, 56, 12
HSL	84°, 67.6, 63.7	`hsl(84,67.6%,63.7%)`
HSV (or HSB)	84°, 55.6, 88.2
Web Safe	99cc66	`#99cc66`

CIE-LAB	83.905, -35.508, 55.041
XYZ	46.904, 63.884, 21.916
xyY	0.353, 0.481, 63.884
CIE-LCH	83.905, 65.501, 122.827
CIE-LUV	83.905, -24.703, 74.771
Hunter-Lab	79.927, -35.123, 39.692
Binary	10101111, 11100001, 01100100

#afe164
```
#afe164 rgb(175,225,100)
```
#9664e1
```
#9664e1 rgb(150,100,225)
```

Complementary Color

#e1d564
```
#e1d564 rgb(225,213,100)
```
#afe164
```
#afe164 rgb(175,225,100)
```
#71e164
```
#71e164 rgb(113,225,100)
```

Analogous Color

#d564e1
```
#d564e1 rgb(213,100,225)
```
#afe164
```
#afe164 rgb(175,225,100)
```
#6471e1
```
#6471e1 rgb(100,113,225)
```

Split Complementary Color

#e164af
```
#e164af rgb(225,100,175)
```
#afe164
```
#afe164 rgb(175,225,100)
```
#64afe1
```
#64afe1 rgb(100,175,225)
```

Triadic Color

#e19664
```
#e19664 rgb(225,150,100)
```
#afe164
```
#afe164 rgb(175,225,100)
```
#64afe1
```
#64afe1 rgb(100,175,225)
```
#9664e1
```
#9664e1 rgb(150,100,225)
```

Tetradic Color

#8dd028
```
#8dd028 rgb(141,208,40)
```
#99d939
```
#99d939 rgb(153,217,57)
```
#a4dd4f
```
#a4dd4f rgb(164,221,79)
```
#afe164
```
#afe164 rgb(175,225,100)
```
#bae579
```
#bae579 rgb(186,229,121)
```
#c5e98f
```
#c5e98f rgb(197,233,143)
```
#d0eda4
```
#d0eda4 rgb(208,237,164)
```

Monochromatic Color

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

#cee164
```
#cee164 rgb(206,225,100)
```
#c4e164
```
#c4e164 rgb(196,225,100)
```
#b9e164
```
#b9e164 rgb(185,225,100)
```
#afe164
```
#afe164 rgb(175,225,100)
```
#a5e164
```
#a5e164 rgb(165,225,100)
```
#9ae164
```
#9ae164 rgb(154,225,100)
```
#90e164
```
#90e164 rgb(144,225,100)
```

Similar Colors

Text with hexadecimal color #afe164

This text has a font color of #afe164.

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

#afe164 background color

This paragraph has a background color of #afe164.

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

#afe164 border color

This element has a border color of #afe164.

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

CSS codes

.text {color:#afe164;}

.background {background-color:#afe164;}

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

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

#060902
```
#060902 rgb(6,9,2)
```
#111a05
```
#111a05 rgb(17,26,5)
```
#1d2a08
```
#1d2a08 rgb(29,42,8)
```
#283b0b
```
#283b0b rgb(40,59,11)
```
#334b0f
```
#334b0f rgb(51,75,15)
```
#3e5c12
```
#3e5c12 rgb(62,92,18)
```
#496c15
```
#496c15 rgb(73,108,21)
```
#547c18
```
#547c18 rgb(84,124,24)
```
#5f8d1b
```
#5f8d1b rgb(95,141,27)
```
#6b9d1e
```
#6b9d1e rgb(107,157,30)
```
#76ae22
```
#76ae22 rgb(118,174,34)
```
#81be25
```
#81be25 rgb(129,190,37)
```
#8ccf28
```
#8ccf28 rgb(140,207,40)
```

Shade Color Variation

#96d733
```
#96d733 rgb(150,215,51)
```
#9edb43
```
#9edb43 rgb(158,219,67)
```
#a7de54
```
#a7de54 rgb(167,222,84)
```
#afe164
```
#afe164 rgb(175,225,100)
```
#b7e474
```
#b7e474 rgb(183,228,116)
```
#c0e785
```
#c0e785 rgb(192,231,133)
```
#c8eb95
```
#c8eb95 rgb(200,235,149)
```
#d1eea6
```
#d1eea6 rgb(209,238,166)
```
#d9f1b6
```
#d9f1b6 rgb(217,241,182)
```
#e2f4c7
```
#e2f4c7 rgb(226,244,199)
```
#eaf7d7
```
#eaf7d7 rgb(234,247,215)
```
#f3fae7
```
#f3fae7 rgb(243,250,231)
```
#fbfef8
```
#fbfef8 rgb(251,254,248)
```

Tint Color Variation

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

#a4a89d
```
#a4a89d rgb(164,168,157)
```
#a5af96
```
#a5af96 rgb(165,175,150)
```
#a6b68f
```
#a6b68f rgb(166,182,143)
```
#a8bd88
```
#a8bd88 rgb(168,189,136)
```
#a9c580
```
#a9c580 rgb(169,197,128)
```
#abcc79
```
#abcc79 rgb(171,204,121)
```
#acd372
```
#acd372 rgb(172,211,114)
```
#aeda6b
```
#aeda6b rgb(174,218,107)
```
#afe164
```
#afe164 rgb(175,225,100)
```
#b0e85d
```
#b0e85d rgb(176,232,93)
```
#b2ef56
```
#b2ef56 rgb(178,239,86)
```
#b3f64f
```
#b3f64f rgb(179,246,79)
```
#b5fd48
```
#b5fd48 rgb(181,253,72)
```

Tone Color Variation

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

#e9d367 Protanopia 1% of men
#ffca7d Deuteranopia 1% of men
#c5d5e4 Tritanopia 0.001% of the population

Trichromacy

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

#afe164 hex color

#afe164 Color Information

#afe164 Color Conversion

Color Schemes with #afe164

Alternatives to #afe164

#afe164 Preview

Shades and Tints of #afe164

Tones of #afe164

Color Blindness Simulator