#afe522 hex color

In a RGB color space, hex #afe522 is composed of 68.6% red, 89.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 23.6% cyan, 0% magenta, 85.2% yellow and 10.2% black. It has a hue angle of 76.6 degrees, a saturation of 78.9% and a lightness of 51.6%. #afe522 color hex could be obtained by blending #ffff44 with #5fcb00. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 90
- B 13
RGB color chart
- C 24
- M 0
- Y 85
- K 10
CMYK color chart

● #afe522 color description : Vivid green.

The hexadecimal color #afe522 has RGB values of R:175, G:229, B:34 and CMYK values of C:0.24, M:0, Y:0.85, K:0.1. Its decimal value is 11527458.

Hex triplet	afe522	`#afe522`
RGB Decimal	175, 229, 34	`rgb(175,229,34)`
RGB Percent	68.6, 89.8, 13.3	`rgb(68.6%,89.8%,13.3%)`
CMYK	24, 0, 85, 10
HSL	76.6°, 78.9, 51.6	`hsl(76.6,78.9%,51.6%)`
HSV (or HSB)	76.6°, 85.2, 89.8
Web Safe	99cc33	`#99cc33`

CIE-LAB	84.621, -41.187, 78.433
XYZ	45.987, 65.267, 11.688
xyY	0.374, 0.531, 65.267
CIE-LCH	84.621, 88.589, 117.705
CIE-LUV	84.621, -26.749, 94.373
Hunter-Lab	80.788, -39.773, 47.974
Binary	10101111, 11100101, 00100010

#afe522
```
#afe522 rgb(175,229,34)
```
#5822e5
```
#5822e5 rgb(88,34,229)
```

Complementary Color

#e5ba22
```
#e5ba22 rgb(229,186,34)
```
#afe522
```
#afe522 rgb(175,229,34)
```
#4ee522
```
#4ee522 rgb(78,229,34)
```

Analogous Color

#ba22e5
```
#ba22e5 rgb(186,34,229)
```
#afe522
```
#afe522 rgb(175,229,34)
```
#224ee5
```
#224ee5 rgb(34,78,229)
```

Split Complementary Color

#e522af
```
#e522af rgb(229,34,175)
```
#afe522
```
#afe522 rgb(175,229,34)
```
#22afe5
```
#22afe5 rgb(34,175,229)
```

Triadic Color

#e55822
```
#e55822 rgb(229,88,34)
```
#afe522
```
#afe522 rgb(175,229,34)
```
#22afe5
```
#22afe5 rgb(34,175,229)
```
#5822e5
```
#5822e5 rgb(88,34,229)
```

Tetradic Color

#7ea714
```
#7ea714 rgb(126,167,20)
```
#8fbe16
```
#8fbe16 rgb(143,190,22)
```
#a1d519
```
#a1d519 rgb(161,213,25)
```
#afe522
```
#afe522 rgb(175,229,34)
```
#b7e839
```
#b7e839 rgb(183,232,57)
```
#c0ea50
```
#c0ea50 rgb(192,234,80)
```
#c8ed66
```
#c8ed66 rgb(200,237,102)
```

Monochromatic Color

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

#e0e522
```
#e0e522 rgb(224,229,34)
```
#d0e522
```
#d0e522 rgb(208,229,34)
```
#bfe522
```
#bfe522 rgb(191,229,34)
```
#afe522
```
#afe522 rgb(175,229,34)
```
#9fe522
```
#9fe522 rgb(159,229,34)
```
#8fe522
```
#8fe522 rgb(143,229,34)
```
#7ee522
```
#7ee522 rgb(126,229,34)
```

Similar Colors

Text with hexadecimal color #afe522

This text has a font color of #afe522.

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

#afe522 background color

This paragraph has a background color of #afe522.

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

#afe522 border color

This element has a border color of #afe522.

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

CSS codes

.text {color:#afe522;}

.background {background-color:#afe522;}

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

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 #fbfef5 is the lightest one.

#050701
```
#050701 rgb(5,7,1)
```
#131903
```
#131903 rgb(19,25,3)
```
#202a05
```
#202a05 rgb(32,42,5)
```
#2d3c07
```
#2d3c07 rgb(45,60,7)
```
#3a4d09
```
#3a4d09 rgb(58,77,9)
```
#485f0b
```
#485f0b rgb(72,95,11)
```
#55700d
```
#55700d rgb(85,112,13)
```
#62820f
```
#62820f rgb(98,130,15)
```
#709411
```
#709411 rgb(112,148,17)
```
#7da513
```
#7da513 rgb(125,165,19)
```
#8ab715
```
#8ab715 rgb(138,183,21)
```
#97c818
```
#97c818 rgb(151,200,24)
```
#a5da1a
```
#a5da1a rgb(165,218,26)
```

Shade Color Variation

#afe522
```
#afe522 rgb(175,229,34)
```
#b5e734
```
#b5e734 rgb(181,231,52)
```
#bce945
```
#bce945 rgb(188,233,69)
```
#c2eb57
```
#c2eb57 rgb(194,235,87)
```
#c8ed68
```
#c8ed68 rgb(200,237,104)
```
#cfef7a
```
#cfef7a rgb(207,239,122)
```
#d5f18b
```
#d5f18b rgb(213,241,139)
```
#dbf39d
```
#dbf39d rgb(219,243,157)
```
#e2f6ae
```
#e2f6ae rgb(226,246,174)
```
#e8f8c0
```
#e8f8c0 rgb(232,248,192)
```
#effad2
```
#effad2 rgb(239,250,210)
```
#f5fce3
```
#f5fce3 rgb(245,252,227)
```
#fbfef5
```
#fbfef5 rgb(251,254,245)
```

Tint Color Variation

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

#858681
```
#858681 rgb(133,134,129)
```
#899078
```
#899078 rgb(137,144,120)
```
#8d996e
```
#8d996e rgb(141,153,110)
```
#91a365
```
#91a365 rgb(145,163,101)
```
#96ac5b
```
#96ac5b rgb(150,172,91)
```
#9ab652
```
#9ab652 rgb(154,182,82)
```
#9ebf48
```
#9ebf48 rgb(158,191,72)
```
#a2c93f
```
#a2c93f rgb(162,201,63)
```
#a7d235
```
#a7d235 rgb(167,210,53)
```
#abdc2c
```
#abdc2c rgb(171,220,44)
```
#afe522
```
#afe522 rgb(175,229,34)
```
#b3ef19
```
#b3ef19 rgb(179,239,25)
```
#b7f80f
```
#b7f80f rgb(183,248,15)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bcc7a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efd528 Protanopia 1% of men
#ffcd7b Deuteranopia 1% of men
#c8d7e6 Tritanopia 0.001% of the population

Trichromacy

#d7db26 Protanomaly 1% of men, 0.01% of women
#e1d65b Deuteranomaly 6% of men, 0.4% of women
#bfdc9f Tritanomaly 0.01% of the population

#afe522 hex color

#afe522 Color Information

#afe522 Color Conversion

Color Schemes with #afe522

Alternatives to #afe522

#afe522 Preview

Shades and Tints of #afe522

Tones of #afe522

Color Blindness Simulator