#afe822 hex color

In a RGB color space, hex #afe822 is composed of 68.6% red, 91% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 24.6% cyan, 0% magenta, 85.3% yellow and 9% black. It has a hue angle of 77.3 degrees, a saturation of 81.1% and a lightness of 52.2%. #afe822 color hex could be obtained by blending #ffff44 with #5fd100. Closest websafe color is: #99ff33.

♥
- f
- t
- g
- R 69
- G 91
- B 13
RGB color chart
- C 25
- M 0
- Y 85
- K 9
CMYK color chart

● #afe822 color description : Vivid green.

The hexadecimal color #afe822 has RGB values of R:175, G:232, B:34 and CMYK values of C:0.25, M:0, Y:0.85, K:0.09. Its decimal value is 11528226.

Hex triplet	afe822	`#afe822`
RGB Decimal	175, 232, 34	`rgb(175,232,34)`
RGB Percent	68.6, 91, 13.3	`rgb(68.6%,91%,13.3%)`
CMYK	25, 0, 85, 9
HSL	77.3°, 81.1, 52.2	`hsl(77.3,81.1%,52.2%)`
HSV (or HSB)	77.3°, 85.3, 91
Web Safe	99ff33	`#99ff33`

CIE-LAB	85.474, -42.497, 79.153
XYZ	46.824, 66.942, 11.967
xyY	0.372, 0.532, 66.942
CIE-LCH	85.474, 89.84, 118.231
CIE-LUV	85.474, -28.348, 95.554
Hunter-Lab	81.818, -41.027, 48.6
Binary	10101111, 11101000, 00100010

#afe822
```
#afe822 rgb(175,232,34)
```
#5b22e8
```
#5b22e8 rgb(91,34,232)
```

Complementary Color

#e8be22
```
#e8be22 rgb(232,190,34)
```
#afe822
```
#afe822 rgb(175,232,34)
```
#4ce822
```
#4ce822 rgb(76,232,34)
```

Analogous Color

#be22e8
```
#be22e8 rgb(190,34,232)
```
#afe822
```
#afe822 rgb(175,232,34)
```
#224ce8
```
#224ce8 rgb(34,76,232)
```

Split Complementary Color

#e822af
```
#e822af rgb(232,34,175)
```
#afe822
```
#afe822 rgb(175,232,34)
```
#22afe8
```
#22afe8 rgb(34,175,232)
```

Triadic Color

#e85b22
```
#e85b22 rgb(232,91,34)
```
#afe822
```
#afe822 rgb(175,232,34)
```
#22afe8
```
#22afe8 rgb(34,175,232)
```
#5b22e8
```
#5b22e8 rgb(91,34,232)
```

Tetradic Color

#7fac12
```
#7fac12 rgb(127,172,18)
```
#91c314
```
#91c314 rgb(145,195,20)
```
#a2da17
```
#a2da17 rgb(162,218,23)
```
#afe822
```
#afe822 rgb(175,232,34)
```
#b7ea39
```
#b7ea39 rgb(183,234,57)
```
#c0ed50
```
#c0ed50 rgb(192,237,80)
```
#c8ef67
```
#c8ef67 rgb(200,239,103)
```

Monochromatic Color

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

#e1e822
```
#e1e822 rgb(225,232,34)
```
#d0e822
```
#d0e822 rgb(208,232,34)
```
#c0e822
```
#c0e822 rgb(192,232,34)
```
#afe822
```
#afe822 rgb(175,232,34)
```
#9fe822
```
#9fe822 rgb(159,232,34)
```
#8ee822
```
#8ee822 rgb(142,232,34)
```
#7ee822
```
#7ee822 rgb(126,232,34)
```

Similar Colors

Text with hexadecimal color #afe822

This text has a font color of #afe822.

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

#afe822 background color

This paragraph has a background color of #afe822.

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

#afe822 border color

This element has a border color of #afe822.

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

CSS codes

.text {color:#afe822;}

.background {background-color:#afe822;}

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

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

#070a01
```
#070a01 rgb(7,10,1)
```
#151c03
```
#151c03 rgb(21,28,3)
```
#222d05
```
#222d05 rgb(34,45,5)
```
#2f3f07
```
#2f3f07 rgb(47,63,7)
```
#3c5108
```
#3c5108 rgb(60,81,8)
```
#49630a
```
#49630a rgb(73,99,10)
```
#56750c
```
#56750c rgb(86,117,12)
```
#64860e
```
#64860e rgb(100,134,14)
```
#719810
```
#719810 rgb(113,152,16)
```
#7eaa12
```
#7eaa12 rgb(126,170,18)
```
#8bbc14
```
#8bbc14 rgb(139,188,20)
```
#98cd15
```
#98cd15 rgb(152,205,21)
```
#a6df17
```
#a6df17 rgb(166,223,23)
```

Shade Color Variation

#afe822
```
#afe822 rgb(175,232,34)
```
#b5ea34
```
#b5ea34 rgb(181,234,52)
```
#bcec46
```
#bcec46 rgb(188,236,70)
```
#c2ee57
```
#c2ee57 rgb(194,238,87)
```
#c9ef69
```
#c9ef69 rgb(201,239,105)
```
#cff17b
```
#cff17b rgb(207,241,123)
```
#d6f38d
```
#d6f38d rgb(214,243,141)
```
#dcf59e
```
#dcf59e rgb(220,245,158)
```
#e2f7b0
```
#e2f7b0 rgb(226,247,176)
```
#e9f9c2
```
#e9f9c2 rgb(233,249,194)
```
#effad4
```
#effad4 rgb(239,250,212)
```
#f6fce5
```
#f6fce5 rgb(246,252,229)
```
#fcfef7
```
#fcfef7 rgb(252,254,247)
```

Tint Color Variation

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

#878a80
```
#878a80 rgb(135,138,128)
```
#8b9476
```
#8b9476 rgb(139,148,118)
```
#8f9d6d
```
#8f9d6d rgb(143,157,109)
```
#93a664
```
#93a664 rgb(147,166,100)
```
#97b05a
```
#97b05a rgb(151,176,90)
```
#9bb951
```
#9bb951 rgb(155,185,81)
```
#9fc248
```
#9fc248 rgb(159,194,72)
```
#a3cc3e
```
#a3cc3e rgb(163,204,62)
```
#a7d535
```
#a7d535 rgb(167,213,53)
```
#abdf2b
```
#abdf2b rgb(171,223,43)
```
#afe822
```
#afe822 rgb(175,232,34)
```
#b3f119
```
#b3f119 rgb(179,241,25)
```
#b7fb0f
```
#b7fb0f rgb(183,251,15)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#bdc8a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1d828 Protanopia 1% of men
#ffd086 Deuteranopia 1% of men
#c9d9e9 Tritanopia 0.001% of the population

Trichromacy

#d9dd26 Protanomaly 1% of men, 0.01% of women
#e1d962 Deuteranomaly 6% of men, 0.4% of women
#bfdfa0 Tritanomaly 0.01% of the population

#afe822 hex color

#afe822 Color Information

#afe822 Color Conversion

Color Schemes with #afe822

Alternatives to #afe822

#afe822 Preview

Shades and Tints of #afe822

Tones of #afe822

Color Blindness Simulator