#afe221 hex color

In a RGB color space, hex #afe221 is composed of 68.6% red, 88.6% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 22.6% cyan, 0% magenta, 85.4% yellow and 11.4% black. It has a hue angle of 75.9 degrees, a saturation of 76.9% and a lightness of 50.8%. #afe221 color hex could be obtained by blending #ffff42 with #5fc500. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 89
- B 13
RGB color chart
- C 23
- M 0
- Y 85
- K 11
CMYK color chart

● #afe221 color description : Vivid green.

The hexadecimal color #afe221 has RGB values of R:175, G:226, B:33 and CMYK values of C:0.23, M:0, Y:0.85, K:0.11. Its decimal value is 11526689.

Hex triplet	afe221	`#afe221`
RGB Decimal	175, 226, 33	`rgb(175,226,33)`
RGB Percent	68.6, 88.6, 12.9	`rgb(68.6%,88.6%,12.9%)`
CMYK	23, 0, 85, 11
HSL	75.9°, 76.9, 50.8	`hsl(75.9,76.9%,50.8%)`
HSV (or HSB)	75.9°, 85.4, 88.6
Web Safe	99cc33	`#99cc33`

CIE-LAB	83.765, -39.894, 77.913
XYZ	45.149, 63.616, 11.339
xyY	0.376, 0.53, 63.616
CIE-LCH	83.765, 87.533, 117.114
CIE-LUV	83.765, -25.132, 93.322
Hunter-Lab	79.759, -38.535, 47.403
Binary	10101111, 11100010, 00100001

#afe221
```
#afe221 rgb(175,226,33)
```
#5421e2
```
#5421e2 rgb(84,33,226)
```

Complementary Color

#e2b521
```
#e2b521 rgb(226,181,33)
```
#afe221
```
#afe221 rgb(175,226,33)
```
#4ee221
```
#4ee221 rgb(78,226,33)
```

Analogous Color

#b521e2
```
#b521e2 rgb(181,33,226)
```
#afe221
```
#afe221 rgb(175,226,33)
```
#214ee2
```
#214ee2 rgb(33,78,226)
```

Split Complementary Color

#e221af
```
#e221af rgb(226,33,175)
```
#afe221
```
#afe221 rgb(175,226,33)
```
#21afe2
```
#21afe2 rgb(33,175,226)
```

Triadic Color

#e25421
```
#e25421 rgb(226,84,33)
```
#afe221
```
#afe221 rgb(175,226,33)
```
#21afe2
```
#21afe2 rgb(33,175,226)
```
#5421e2
```
#5421e2 rgb(84,33,226)
```

Tetradic Color

#7ca115
```
#7ca115 rgb(124,161,21)
```
#8eb818
```
#8eb818 rgb(142,184,24)
```
#9fcf1b
```
#9fcf1b rgb(159,207,27)
```
#afe221
```
#afe221 rgb(175,226,33)
```
#b7e538
```
#b7e538 rgb(183,229,56)
```
#bfe84e
```
#bfe84e rgb(191,232,78)
```
#c7eb65
```
#c7eb65 rgb(199,235,101)
```

Monochromatic Color

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

#dfe221
```
#dfe221 rgb(223,226,33)
```
#cfe221
```
#cfe221 rgb(207,226,33)
```
#bfe221
```
#bfe221 rgb(191,226,33)
```
#afe221
```
#afe221 rgb(175,226,33)
```
#9fe221
```
#9fe221 rgb(159,226,33)
```
#8fe221
```
#8fe221 rgb(143,226,33)
```
#7fe221
```
#7fe221 rgb(127,226,33)
```

Similar Colors

Text with hexadecimal color #afe221

This text has a font color of #afe221.

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

#afe221 background color

This paragraph has a background color of #afe221.

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

#afe221 border color

This element has a border color of #afe221.

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

CSS codes

.text {color:#afe221;}

.background {background-color:#afe221;}

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

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

#030400
```
#030400 rgb(3,4,0)
```
#101503
```
#101503 rgb(16,21,3)
```
#1d2605
```
#1d2605 rgb(29,38,5)
```
#2b3807
```
#2b3807 rgb(43,56,7)
```
#38490a
```
#38490a rgb(56,73,10)
```
#465a0c
```
#465a0c rgb(70,90,12)
```
#536c0e
```
#536c0e rgb(83,108,14)
```
#607d10
```
#607d10 rgb(96,125,16)
```
#6e8e13
```
#6e8e13 rgb(110,142,19)
```
#7ba015
```
#7ba015 rgb(123,160,21)
```
#88b117
```
#88b117 rgb(136,177,23)
```
#96c219
```
#96c219 rgb(150,194,25)
```
#a3d41c
```
#a3d41c rgb(163,212,28)
```

Shade Color Variation

#afe221
```
#afe221 rgb(175,226,33)
```
#b5e432
```
#b5e432 rgb(181,228,50)
```
#bce744
```
#bce744 rgb(188,231,68)
```
#c2e955
```
#c2e955 rgb(194,233,85)
```
#c8eb66
```
#c8eb66 rgb(200,235,102)
```
#ceed78
```
#ceed78 rgb(206,237,120)
```
#d5f089
```
#d5f089 rgb(213,240,137)
```
#dbf29a
```
#dbf29a rgb(219,242,154)
```
#e1f4ac
```
#e1f4ac rgb(225,244,172)
```
#e7f6bd
```
#e7f6bd rgb(231,246,189)
```
#eef9ce
```
#eef9ce rgb(238,249,206)
```
#f4fbe0
```
#f4fbe0 rgb(244,251,224)
```
#fafdf1
```
#fafdf1 rgb(250,253,241)
```

Tint Color Variation

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

#868b78
```
#868b78 rgb(134,139,120)
```
#8b956e
```
#8b956e rgb(139,149,110)
```
#8f9e65
```
#8f9e65 rgb(143,158,101)
```
#94a85b
```
#94a85b rgb(148,168,91)
```
#98b251
```
#98b251 rgb(152,178,81)
```
#9dbb48
```
#9dbb48 rgb(157,187,72)
```
#a1c53e
```
#a1c53e rgb(161,197,62)
```
#a6cf34
```
#a6cf34 rgb(166,207,52)
```
#aad82b
```
#aad82b rgb(170,216,43)
```
#afe221
```
#afe221 rgb(175,226,33)
```
#b4ec17
```
#b4ec17 rgb(180,236,23)
```
#b8f50e
```
#b8f50e rgb(184,245,14)
```
#bdff04
```
#bdff04 rgb(189,255,4)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#bac49e Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd327 Protanopia 1% of men
#ffca6f Deuteranopia 1% of men
#c8d4e3 Tritanopia 0.001% of the population

Trichromacy

#d6d825 Protanomaly 1% of men, 0.01% of women
#e1d352 Deuteranomaly 6% of men, 0.4% of women
#bfd99c Tritanomaly 0.01% of the population

#afe221 hex color

#afe221 Color Information

#afe221 Color Conversion

Color Schemes with #afe221

Alternatives to #afe221

#afe221 Preview

Shades and Tints of #afe221

Tones of #afe221

Color Blindness Simulator