#afe04f hex color

In a RGB color space, hex #afe04f is composed of 68.6% red, 87.8% green and 31% blue. Whereas in a CMYK color space, it is composed of 21.9% cyan, 0% magenta, 64.7% yellow and 12.2% black. It has a hue angle of 80.3 degrees, a saturation of 70% and a lightness of 59.4%. #afe04f color hex could be obtained by blending #ffff9e with #5fc100. Closest websafe color is: #99cc66.

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

● #afe04f color description : Soft green.

The hexadecimal color #afe04f has RGB values of R:175, G:224, B:79 and CMYK values of C:0.22, M:0, Y:0.65, K:0.12. Its decimal value is 11526223.

Hex triplet	afe04f	`#afe04f`
RGB Decimal	175, 224, 79	`rgb(175,224,79)`
RGB Percent	68.6, 87.8, 31	`rgb(68.6%,87.8%,31%)`
CMYK	22, 0, 65, 12
HSL	80.3°, 70, 59.4	`hsl(80.3,70%,59.4%)`
HSV (or HSB)	80.3°, 64.7, 87.8
Web Safe	99cc66	`#99cc66`

CIE-LAB	83.437, -36.768, 63.443
XYZ	45.745, 62.989, 17.145
xyY	0.363, 0.5, 62.989
CIE-LCH	83.437, 73.328, 120.094
CIE-LUV	83.437, -24.119, 82.117
Hunter-Lab	79.366, -36.005, 42.748
Binary	10101111, 11100000, 01001111

#afe04f
```
#afe04f rgb(175,224,79)
```
#804fe0
```
#804fe0 rgb(128,79,224)
```

Complementary Color

#e0c94f
```
#e0c94f rgb(224,201,79)
```
#afe04f
```
#afe04f rgb(175,224,79)
```
#67e04f
```
#67e04f rgb(103,224,79)
```

Analogous Color

#c94fe0
```
#c94fe0 rgb(201,79,224)
```
#afe04f
```
#afe04f rgb(175,224,79)
```
#4f67e0
```
#4f67e0 rgb(79,103,224)
```

Split Complementary Color

#e04faf
```
#e04faf rgb(224,79,175)
```
#afe04f
```
#afe04f rgb(175,224,79)
```
#4fafe0
```
#4fafe0 rgb(79,175,224)
```

Triadic Color

#e0804f
```
#e0804f rgb(224,128,79)
```
#afe04f
```
#afe04f rgb(175,224,79)
```
#4fafe0
```
#4fafe0 rgb(79,175,224)
```
#804fe0
```
#804fe0 rgb(128,79,224)
```

Tetradic Color

#8bc122
```
#8bc122 rgb(139,193,34)
```
#9bd626
```
#9bd626 rgb(155,214,38)
```
#a5dc39
```
#a5dc39 rgb(165,220,57)
```
#afe04f
```
#afe04f rgb(175,224,79)
```
#b9e465
```
#b9e465 rgb(185,228,101)
```
#c3e87a
```
#c3e87a rgb(195,232,122)
```
#cdeb90
```
#cdeb90 rgb(205,235,144)
```

Monochromatic Color

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

#d3e04f
```
#d3e04f rgb(211,224,79)
```
#c7e04f
```
#c7e04f rgb(199,224,79)
```
#bbe04f
```
#bbe04f rgb(187,224,79)
```
#afe04f
```
#afe04f rgb(175,224,79)
```
#a3e04f
```
#a3e04f rgb(163,224,79)
```
#97e04f
```
#97e04f rgb(151,224,79)
```
#8be04f
```
#8be04f rgb(139,224,79)
```

Similar Colors

Text with hexadecimal color #afe04f

This text has a font color of #afe04f.

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

#afe04f background color

This paragraph has a background color of #afe04f.

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

#afe04f border color

This element has a border color of #afe04f.

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

CSS codes

.text {color:#afe04f;}

.background {background-color:#afe04f;}

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

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

#050701
```
#050701 rgb(5,7,1)
```
#111804
```
#111804 rgb(17,24,4)
```
#1d2907
```
#1d2907 rgb(29,41,7)
```
#29390a
```
#29390a rgb(41,57,10)
```
#364a0d
```
#364a0d rgb(54,74,13)
```
#425b10
```
#425b10 rgb(66,91,16)
```
#4e6c13
```
#4e6c13 rgb(78,108,19)
```
#5a7c16
```
#5a7c16 rgb(90,124,22)
```
#668d19
```
#668d19 rgb(102,141,25)
```
#729e1c
```
#729e1c rgb(114,158,28)
```
#7eae1f
```
#7eae1f rgb(126,174,31)
```
#8abf22
```
#8abf22 rgb(138,191,34)
```
#96d025
```
#96d025 rgb(150,208,37)
```

Shade Color Variation

#a0da2e
```
#a0da2e rgb(160,218,46)
```
#a7dd3e
```
#a7dd3e rgb(167,221,62)
```
#afe04f
```
#afe04f rgb(175,224,79)
```
#b7e360
```
#b7e360 rgb(183,227,96)
```
#bee670
```
#bee670 rgb(190,230,112)
```
#c6e981
```
#c6e981 rgb(198,233,129)
```
#cdec92
```
#cdec92 rgb(205,236,146)
```
#d5efa2
```
#d5efa2 rgb(213,239,162)
```
#dcf2b3
```
#dcf2b3 rgb(220,242,179)
```
#e4f5c4
```
#e4f5c4 rgb(228,245,196)
```
#ecf8d4
```
#ecf8d4 rgb(236,248,212)
```
#f3fae5
```
#f3fae5 rgb(243,250,229)
```
#fbfdf6
```
#fbfdf6 rgb(251,253,246)
```

Tint Color Variation

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

#989897
```
#989897 rgb(152,152,151)
```
#9aa08f
```
#9aa08f rgb(154,160,143)
```
#9da887
```
#9da887 rgb(157,168,135)
```
#a0b07f
```
#a0b07f rgb(160,176,127)
```
#a2b877
```
#a2b877 rgb(162,184,119)
```
#a5c06f
```
#a5c06f rgb(165,192,111)
```
#a7c867
```
#a7c867 rgb(167,200,103)
```
#aad05f
```
#aad05f rgb(170,208,95)
```
#acd857
```
#acd857 rgb(172,216,87)
```
#afe04f
```
#afe04f rgb(175,224,79)
```
#b2e847
```
#b2e847 rgb(178,232,71)
```
#b4f03f
```
#b4f03f rgb(180,240,63)
```
#b7f837
```
#b7f837 rgb(183,248,55)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#bdc7aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d253 Protanopia 1% of men
#ffc971 Deuteranopia 1% of men
#c6d3e3 Tritanopia 0.001% of the population

Trichromacy

#d4d752 Protanomaly 1% of men, 0.01% of women
#e1d164 Deuteranomaly 6% of men, 0.4% of women
#bdd8ad Tritanomaly 0.01% of the population

#afe04f hex color

#afe04f Color Information

#afe04f Color Conversion

Color Schemes with #afe04f

Alternatives to #afe04f

#afe04f Preview

Shades and Tints of #afe04f

Tones of #afe04f

Color Blindness Simulator