#afdf22 hex color

In a RGB color space, hex #afdf22 is composed of 68.6% red, 87.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 21.5% cyan, 0% magenta, 84.8% yellow and 12.5% black. It has a hue angle of 75.2 degrees, a saturation of 74.7% and a lightness of 50.4%. #afdf22 color hex could be obtained by blending #ffff44 with #5fbf00. Closest websafe color is: #99cc33.

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

● #afdf22 color description : Bright green.

The hexadecimal color #afdf22 has RGB values of R:175, G:223, B:34 and CMYK values of C:0.22, M:0, Y:0.85, K:0.13. Its decimal value is 11525922.

Hex triplet	afdf22	`#afdf22`
RGB Decimal	175, 223, 34	`rgb(175,223,34)`
RGB Percent	68.6, 87.5, 13.3	`rgb(68.6%,87.5%,13.3%)`
CMYK	22, 0, 85, 13
HSL	75.2°, 74.7, 50.4	`hsl(75.2,74.7%,50.4%)`
HSV (or HSB)	75.2°, 84.8, 87.5
Web Safe	99cc33	`#99cc33`

CIE-LAB	82.916, -38.533, 76.99
XYZ	44.355, 62.004, 11.144
xyY	0.377, 0.528, 62.004
CIE-LCH	82.916, 86.094, 116.588
CIE-LUV	82.916, -23.5, 92.003
Hunter-Lab	78.743, -37.252, 46.729
Binary	10101111, 11011111, 00100010

#afdf22
```
#afdf22 rgb(175,223,34)
```
#5222df
```
#5222df rgb(82,34,223)
```

Complementary Color

#dfb122
```
#dfb122 rgb(223,177,34)
```
#afdf22
```
#afdf22 rgb(175,223,34)
```
#51df22
```
#51df22 rgb(81,223,34)
```

Analogous Color

#b122df
```
#b122df rgb(177,34,223)
```
#afdf22
```
#afdf22 rgb(175,223,34)
```
#2251df
```
#2251df rgb(34,81,223)
```

Split Complementary Color

#df22af
```
#df22af rgb(223,34,175)
```
#afdf22
```
#afdf22 rgb(175,223,34)
```
#22afdf
```
#22afdf rgb(34,175,223)
```

Triadic Color

#df5222
```
#df5222 rgb(223,82,34)
```
#afdf22
```
#afdf22 rgb(175,223,34)
```
#22afdf
```
#22afdf rgb(34,175,223)
```
#5222df
```
#5222df rgb(82,34,223)
```

Tetradic Color

#7b9e17
```
#7b9e17 rgb(123,158,23)
```
#8db41a
```
#8db41a rgb(141,180,26)
```
#9eca1d
```
#9eca1d rgb(158,202,29)
```
#afdf22
```
#afdf22 rgb(175,223,34)
```
#b7e238
```
#b7e238 rgb(183,226,56)
```
#bfe54f
```
#bfe54f rgb(191,229,79)
```
#c7e965
```
#c7e965 rgb(199,233,101)
```

Monochromatic Color

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

#dedf22
```
#dedf22 rgb(222,223,34)
```
#cfdf22
```
#cfdf22 rgb(207,223,34)
```
#bfdf22
```
#bfdf22 rgb(191,223,34)
```
#afdf22
```
#afdf22 rgb(175,223,34)
```
#9fdf22
```
#9fdf22 rgb(159,223,34)
```
#90df22
```
#90df22 rgb(144,223,34)
```
#80df22
```
#80df22 rgb(128,223,34)
```

Similar Colors

Text with hexadecimal color #afdf22

This text has a font color of #afdf22.

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

#afdf22 background color

This paragraph has a background color of #afdf22.

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

#afdf22 border color

This element has a border color of #afdf22.

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

CSS codes

.text {color:#afdf22;}

.background {background-color:#afdf22;}

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

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

#010200
```
#010200 rgb(1,2,0)
```
#0f1303
```
#0f1303 rgb(15,19,3)
```
#1c2405
```
#1c2405 rgb(28,36,5)
```
#2a3508
```
#2a3508 rgb(42,53,8)
```
#37460a
```
#37460a rgb(55,70,10)
```
#44570d
```
#44570d rgb(68,87,13)
```
#52690f
```
#52690f rgb(82,105,15)
```
#5f7a12
```
#5f7a12 rgb(95,122,18)
```
#6d8b14
```
#6d8b14 rgb(109,139,20)
```
#7a9c17
```
#7a9c17 rgb(122,156,23)
```
#87ad19
```
#87ad19 rgb(135,173,25)
```
#95be1c
```
#95be1c rgb(149,190,28)
```
#a2cf1e
```
#a2cf1e rgb(162,207,30)
```

Shade Color Variation

#afdf22
```
#afdf22 rgb(175,223,34)
```
#b5e133
```
#b5e133 rgb(181,225,51)
```
#bbe444
```
#bbe444 rgb(187,228,68)
```
#c2e655
```
#c2e655 rgb(194,230,85)
```
#c8e967
```
#c8e967 rgb(200,233,103)
```
#ceeb78
```
#ceeb78 rgb(206,235,120)
```
#d4ee89
```
#d4ee89 rgb(212,238,137)
```
#daf09a
```
#daf09a rgb(218,240,154)
```
#e1f3ab
```
#e1f3ab rgb(225,243,171)
```
#e7f5bc
```
#e7f5bc rgb(231,245,188)
```
#edf8cd
```
#edf8cd rgb(237,248,205)
```
#f3fade
```
#f3fade rgb(243,250,222)
```
#f9fdf0
```
#f9fdf0 rgb(249,253,240)
```

Tint Color Variation

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

#84877a
```
#84877a rgb(132,135,122)
```
#899170
```
#899170 rgb(137,145,112)
```
#8d9b66
```
#8d9b66 rgb(141,155,102)
```
#92a55c
```
#92a55c rgb(146,165,92)
```
#97ae53
```
#97ae53 rgb(151,174,83)
```
#9cb849
```
#9cb849 rgb(156,184,73)
```
#a1c23f
```
#a1c23f rgb(161,194,63)
```
#a5cc35
```
#a5cc35 rgb(165,204,53)
```
#aad52c
```
#aad52c rgb(170,213,44)
```
#afdf22
```
#afdf22 rgb(175,223,34)
```
#b4e918
```
#b4e918 rgb(180,233,24)
```
#b9f20f
```
#b9f20f rgb(185,242,15)
```
#bdfc05
```
#bdfc05 rgb(189,252,5)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#b9c29c Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead129 Protanopia 1% of men
#ffc861 Deuteranopia 1% of men
#c7d1e0 Tritanopia 0.001% of the population

Trichromacy

#d4d626 Protanomaly 1% of men, 0.01% of women
#e1d04a Deuteranomaly 6% of men, 0.4% of women
#bed69b Tritanomaly 0.01% of the population

#afdf22 hex color

#afdf22 Color Information

#afdf22 Color Conversion

Color Schemes with #afdf22

Alternatives to #afdf22

#afdf22 Preview

Shades and Tints of #afdf22

Tones of #afdf22

Color Blindness Simulator