#afe167 hex color

In a RGB color space, hex #afe167 is composed of 68.6% red, 88.2% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 0% magenta, 54.2% yellow and 11.8% black. It has a hue angle of 84.6 degrees, a saturation of 67% and a lightness of 64.3%. #afe167 color hex could be obtained by blending #ffffce with #5fc300. Closest websafe color is: #99cc66.

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

● #afe167 color description : Soft green.

The hexadecimal color #afe167 has RGB values of R:175, G:225, B:103 and CMYK values of C:0.22, M:0, Y:0.54, K:0.12. Its decimal value is 11526503.

Hex triplet	afe167	`#afe167`
RGB Decimal	175, 225, 103	`rgb(175,225,103)`
RGB Percent	68.6, 88.2, 40.4	`rgb(68.6%,88.2%,40.4%)`
CMYK	22, 0, 54, 12
HSL	84.6°, 67, 64.3	`hsl(84.6,67%,64.3%)`
HSV (or HSB)	84.6°, 54.2, 88.2
Web Safe	99cc66	`#99cc66`

CIE-LAB	83.936, -35.226, 53.722
XYZ	47.052, 63.943, 22.694
xyY	0.352, 0.478, 63.943
CIE-LCH	83.936, 64.241, 123.253
CIE-LUV	83.936, -24.711, 73.5
Hunter-Lab	79.964, -34.907, 39.148
Binary	10101111, 11100001, 01100111

#afe167
```
#afe167 rgb(175,225,103)
```
#9967e1
```
#9967e1 rgb(153,103,225)
```

Complementary Color

#e1d667
```
#e1d667 rgb(225,214,103)
```
#afe167
```
#afe167 rgb(175,225,103)
```
#72e167
```
#72e167 rgb(114,225,103)
```

Analogous Color

#d667e1
```
#d667e1 rgb(214,103,225)
```
#afe167
```
#afe167 rgb(175,225,103)
```
#6772e1
```
#6772e1 rgb(103,114,225)
```

Split Complementary Color

#e167af
```
#e167af rgb(225,103,175)
```
#afe167
```
#afe167 rgb(175,225,103)
```
#67afe1
```
#67afe1 rgb(103,175,225)
```

Triadic Color

#e19967
```
#e19967 rgb(225,153,103)
```
#afe167
```
#afe167 rgb(175,225,103)
```
#67afe1
```
#67afe1 rgb(103,175,225)
```
#9967e1
```
#9967e1 rgb(153,103,225)
```

Tetradic Color

#8dd229
```
#8dd229 rgb(141,210,41)
```
#99d93c
```
#99d93c rgb(153,217,60)
```
#a4dd52
```
#a4dd52 rgb(164,221,82)
```
#afe167
```
#afe167 rgb(175,225,103)
```
#bae57c
```
#bae57c rgb(186,229,124)
```
#c5e992
```
#c5e992 rgb(197,233,146)
```
#d1eea7
```
#d1eea7 rgb(209,238,167)
```

Monochromatic Color

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

#cee167
```
#cee167 rgb(206,225,103)
```
#c3e167
```
#c3e167 rgb(195,225,103)
```
#b9e167
```
#b9e167 rgb(185,225,103)
```
#afe167
```
#afe167 rgb(175,225,103)
```
#a5e167
```
#a5e167 rgb(165,225,103)
```
#9be167
```
#9be167 rgb(155,225,103)
```
#91e167
```
#91e167 rgb(145,225,103)
```

Similar Colors

Text with hexadecimal color #afe167

This text has a font color of #afe167.

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

#afe167 background color

This paragraph has a background color of #afe167.

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

#afe167 border color

This element has a border color of #afe167.

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

CSS codes

.text {color:#afe167;}

.background {background-color:#afe167;}

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

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, #080c02 is the darkest color, while #fdfefa is the lightest one.

#080c02
```
#080c02 rgb(8,12,2)
```
#131c06
```
#131c06 rgb(19,28,6)
```
#1e2d09
```
#1e2d09 rgb(30,45,9)
```
#293d0c
```
#293d0c rgb(41,61,12)
```
#344d0f
```
#344d0f rgb(52,77,15)
```
#3f5e12
```
#3f5e12 rgb(63,94,18)
```
#4a6e16
```
#4a6e16 rgb(74,110,22)
```
#557e19
```
#557e19 rgb(85,126,25)
```
#608f1c
```
#608f1c rgb(96,143,28)
```
#6b9f1f
```
#6b9f1f rgb(107,159,31)
```
#76b023
```
#76b023 rgb(118,176,35)
```
#81c026
```
#81c026 rgb(129,192,38)
```
#8cd029
```
#8cd029 rgb(140,208,41)
```

Shade Color Variation

#95d736
```
#95d736 rgb(149,215,54)
```
#9edb46
```
#9edb46 rgb(158,219,70)
```
#a6de57
```
#a6de57 rgb(166,222,87)
```
#afe167
```
#afe167 rgb(175,225,103)
```
#b8e477
```
#b8e477 rgb(184,228,119)
```
#c0e788
```
#c0e788 rgb(192,231,136)
```
#c9eb98
```
#c9eb98 rgb(201,235,152)
```
#d1eea9
```
#d1eea9 rgb(209,238,169)
```
#daf1b9
```
#daf1b9 rgb(218,241,185)
```
#e3f4c9
```
#e3f4c9 rgb(227,244,201)
```
#ebf8da
```
#ebf8da rgb(235,248,218)
```
#f4fbea
```
#f4fbea rgb(244,251,234)
```
#fdfefa
```
#fdfefa rgb(253,254,250)
```

Tint Color Variation

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

#a5a99f
```
#a5a99f rgb(165,169,159)
```
#a6b098
```
#a6b098 rgb(166,176,152)
```
#a7b791
```
#a7b791 rgb(167,183,145)
```
#a9be8a
```
#a9be8a rgb(169,190,138)
```
#aac583
```
#aac583 rgb(170,197,131)
```
#abcc7c
```
#abcc7c rgb(171,204,124)
```
#acd375
```
#acd375 rgb(172,211,117)
```
#aeda6e
```
#aeda6e rgb(174,218,110)
```
#afe167
```
#afe167 rgb(175,225,103)
```
#b0e860
```
#b0e860 rgb(176,232,96)
```
#b2ef59
```
#b2ef59 rgb(178,239,89)
```
#b3f652
```
#b3f652 rgb(179,246,82)
```
#b4fd4b
```
#b4fd4b rgb(180,253,75)
```

Tone Color Variation

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

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

Trichromacy

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

#afe167 hex color

#afe167 Color Information

#afe167 Color Conversion

Color Schemes with #afe167

Alternatives to #afe167

#afe167 Preview

Shades and Tints of #afe167

Tones of #afe167

Color Blindness Simulator