#affe22 hex color

In a RGB color space, hex #affe22 is composed of 68.6% red, 99.6% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 31.1% cyan, 0% magenta, 86.6% yellow and 0.4% black. It has a hue angle of 81.5 degrees, a saturation of 99.1% and a lightness of 56.5%. #affe22 color hex could be obtained by blending #ffff44 with #5ffd00. Closest websafe color is: #99ff33.

♥
- f
- t
- g
- R 69
- G 100
- B 13
RGB color chart
- C 31
- M 0
- Y 87
- K 0
CMYK color chart

● #affe22 color description : Vivid green.

The hexadecimal color #affe22 has RGB values of R:175, G:254, B:34 and CMYK values of C:0.31, M:0, Y:0.87, K:0. Its decimal value is 11533858.

Hex triplet	affe22	`#affe22`
RGB Decimal	175, 254, 34	`rgb(175,254,34)`
RGB Percent	68.6, 99.6, 13.3	`rgb(68.6%,99.6%,13.3%)`
CMYK	31, 0, 87, 0
HSL	81.5°, 99.1, 56.5	`hsl(81.5,99.1%,56.5%)`
HSV (or HSB)	81.5°, 86.6, 99.6
Web Safe	99ff33	`#99ff33`

CIE-LAB	91.735, -51.775, 84.416
XYZ	53.409, 80.111, 14.162
xyY	0.362, 0.542, 80.111
CIE-LCH	91.735, 99.029, 121.522
CIE-LUV	91.735, -39.589, 104.135
Hunter-Lab	89.505, -50.121, 53.272
Binary	10101111, 11111110, 00100010

#affe22
```
#affe22 rgb(175,254,34)
```
#7122fe
```
#7122fe rgb(113,34,254)
```

Complementary Color

#fedf22
```
#fedf22 rgb(254,223,34)
```
#affe22
```
#affe22 rgb(175,254,34)
```
#41fe22
```
#41fe22 rgb(65,254,34)
```

Analogous Color

#df22fe
```
#df22fe rgb(223,34,254)
```
#affe22
```
#affe22 rgb(175,254,34)
```
#2241fe
```
#2241fe rgb(34,65,254)
```

Split Complementary Color

#fe22af
```
#fe22af rgb(254,34,175)
```
#affe22
```
#affe22 rgb(175,254,34)
```
#22affe
```
#22affe rgb(34,175,254)
```

Triadic Color

#fe7122
```
#fe7122 rgb(254,113,34)
```
#affe22
```
#affe22 rgb(175,254,34)
```
#22affe
```
#22affe rgb(34,175,254)
```
#7122fe
```
#7122fe rgb(113,34,254)
```

Tetradic Color

#87d301
```
#87d301 rgb(135,211,1)
```
#98ec01
```
#98ec01 rgb(152,236,1)
```
#a6fe09
```
#a6fe09 rgb(166,254,9)
```
#affe22
```
#affe22 rgb(175,254,34)
```
#b8fe3b
```
#b8fe3b rgb(184,254,59)
```
#c1fe55
```
#c1fe55 rgb(193,254,85)
```
#cbfe6e
```
#cbfe6e rgb(203,254,110)
```

Monochromatic Color

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

#e6fe22
```
#e6fe22 rgb(230,254,34)
```
#d4fe22
```
#d4fe22 rgb(212,254,34)
```
#c1fe22
```
#c1fe22 rgb(193,254,34)
```
#affe22
```
#affe22 rgb(175,254,34)
```
#9dfe22
```
#9dfe22 rgb(157,254,34)
```
#8afe22
```
#8afe22 rgb(138,254,34)
```
#78fe22
```
#78fe22 rgb(120,254,34)
```

Similar Colors

Text with hexadecimal color #affe22

This text has a font color of #affe22.

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

#affe22 background color

This paragraph has a background color of #affe22.

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

#affe22 border color

This element has a border color of #affe22.

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

CSS codes

.text {color:#affe22;}

.background {background-color:#affe22;}

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

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, #090d00 is the darkest color, while #fdfff9 is the lightest one.

#090d00
```
#090d00 rgb(9,13,0)
```
#152100
```
#152100 rgb(21,33,0)
```
#223400
```
#223400 rgb(34,52,0)
```
#2e4800
```
#2e4800 rgb(46,72,0)
```
#3b5b00
```
#3b5b00 rgb(59,91,0)
```
#476f01
```
#476f01 rgb(71,111,1)
```
#548201
```
#548201 rgb(84,130,1)
```
#609601
```
#609601 rgb(96,150,1)
```
#6daa01
```
#6daa01 rgb(109,170,1)
```
#79bd01
```
#79bd01 rgb(121,189,1)
```
#86d101
```
#86d101 rgb(134,209,1)
```
#93e401
```
#93e401 rgb(147,228,1)
```
#9ff801
```
#9ff801 rgb(159,248,1)
```

Shade Color Variation

#a8fe0e
```
#a8fe0e rgb(168,254,14)
```
#affe22
```
#affe22 rgb(175,254,34)
```
#b6fe36
```
#b6fe36 rgb(182,254,54)
```
#bdfe49
```
#bdfe49 rgb(189,254,73)
```
#c4fe5d
```
#c4fe5d rgb(196,254,93)
```
#cbfe70
```
#cbfe70 rgb(203,254,112)
```
#d2fe84
```
#d2fe84 rgb(210,254,132)
```
#d9ff97
```
#d9ff97 rgb(217,255,151)
```
#e0ffab
```
#e0ffab rgb(224,255,171)
```
#e8ffbe
```
#e8ffbe rgb(232,255,190)
```
#efffd2
```
#efffd2 rgb(239,255,210)
```
#f6ffe5
```
#f6ffe5 rgb(246,255,229)
```
#fdfff9
```
#fdfff9 rgb(253,255,249)
```

Tint Color Variation

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

#929888
```
#929888 rgb(146,152,136)
```
#95a080
```
#95a080 rgb(149,160,128)
```
#97a977
```
#97a977 rgb(151,169,119)
```
#99b16f
```
#99b16f rgb(153,177,111)
```
#9cba66
```
#9cba66 rgb(156,186,102)
```
#9ec25e
```
#9ec25e rgb(158,194,94)
```
#a1cb55
```
#a1cb55 rgb(161,203,85)
```
#a3d34d
```
#a3d34d rgb(163,211,77)
```
#a5dc44
```
#a5dc44 rgb(165,220,68)
```
#a8e43c
```
#a8e43c rgb(168,228,60)
```
#aaed33
```
#aaed33 rgb(170,237,51)
```
#adf52b
```
#adf52b rgb(173,245,43)
```
#affe22
```
#affe22 rgb(175,254,34)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#c7d7ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe87d Protanopia 1% of men
#ffe4c3 Deuteranopia 1% of men
#ceedfe Tritanopia 0.001% of the population

Trichromacy

#e1f05c Protanomaly 1% of men, 0.01% of women
#e1ed88 Deuteranomaly 6% of men, 0.4% of women
#c2f3ae Tritanomaly 0.01% of the population

#affe22 hex color

#affe22 Color Information

#affe22 Color Conversion

Color Schemes with #affe22

Alternatives to #affe22

#affe22 Preview

Shades and Tints of #affe22

Tones of #affe22

Color Blindness Simulator