#afd022 hex color

In a RGB color space, hex #afd022 is composed of 68.6% red, 81.6% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 15.9% cyan, 0% magenta, 83.7% yellow and 18.4% black. It has a hue angle of 71.4 degrees, a saturation of 71.9% and a lightness of 47.5%. #afd022 color hex could be obtained by blending #ffff44 with #5fa100. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 82
- B 13
RGB color chart
- C 16
- M 0
- Y 84
- K 18
CMYK color chart

● #afd022 color description : Strong yellow.

The hexadecimal color #afd022 has RGB values of R:175, G:208, B:34 and CMYK values of C:0.16, M:0, Y:0.84, K:0.18. Its decimal value is 11522082.

Hex triplet	afd022	`#afd022`
RGB Decimal	175, 208, 34	`rgb(175,208,34)`
RGB Percent	68.6, 81.6, 13.3	`rgb(68.6%,81.6%,13.3%)`
CMYK	16, 0, 84, 18
HSL	71.4°, 71.9, 47.5	`hsl(71.4,71.9%,47.5%)`
HSV (or HSB)	71.4°, 83.7, 81.6
Web Safe	99cc33	`#99cc33`

CIE-LAB	78.66, -31.696, 73.373
XYZ	40.523, 54.341, 9.867
xyY	0.387, 0.519, 54.341
CIE-LCH	78.66, 79.926, 113.364
CIE-LUV	78.66, -15.065, 86.034
Hunter-Lab	73.716, -30.878, 43.665
Binary	10101111, 11010000, 00100010

#afd022
```
#afd022 rgb(175,208,34)
```
#4322d0
```
#4322d0 rgb(67,34,208)
```

Complementary Color

#d09a22
```
#d09a22 rgb(208,154,34)
```
#afd022
```
#afd022 rgb(175,208,34)
```
#58d022
```
#58d022 rgb(88,208,34)
```

Analogous Color

#9a22d0
```
#9a22d0 rgb(154,34,208)
```
#afd022
```
#afd022 rgb(175,208,34)
```
#2258d0
```
#2258d0 rgb(34,88,208)
```

Split Complementary Color

#d022af
```
#d022af rgb(208,34,175)
```
#afd022
```
#afd022 rgb(175,208,34)
```
#22afd0
```
#22afd0 rgb(34,175,208)
```

Triadic Color

#d04322
```
#d04322 rgb(208,67,34)
```
#afd022
```
#afd022 rgb(175,208,34)
```
#22afd0
```
#22afd0 rgb(34,175,208)
```
#4322d0
```
#4322d0 rgb(67,34,208)
```

Tetradic Color

#788e17
```
#788e17 rgb(120,142,23)
```
#8aa41b
```
#8aa41b rgb(138,164,27)
```
#9dba1e
```
#9dba1e rgb(157,186,30)
```
#afd022
```
#afd022 rgb(175,208,34)
```
#bcdd2f
```
#bcdd2f rgb(188,221,47)
```
#c3e144
```
#c3e144 rgb(195,225,68)
```
#cae45a
```
#cae45a rgb(202,228,90)
```

Monochromatic Color

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

#d0c622
```
#d0c622 rgb(208,198,34)
```
#ccd022
```
#ccd022 rgb(204,208,34)
```
#bed022
```
#bed022 rgb(190,208,34)
```
#afd022
```
#afd022 rgb(175,208,34)
```
#a1d022
```
#a1d022 rgb(161,208,34)
```
#92d022
```
#92d022 rgb(146,208,34)
```
#84d022
```
#84d022 rgb(132,208,34)
```

Similar Colors

Text with hexadecimal color #afd022

This text has a font color of #afd022.

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

#afd022 background color

This paragraph has a background color of #afd022.

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

#afd022 border color

This element has a border color of #afd022.

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

CSS codes

.text {color:#afd022;}

.background {background-color:#afd022;}

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

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

#050601
```
#050601 rgb(5,6,1)
```
#131704
```
#131704 rgb(19,23,4)
```
#212706
```
#212706 rgb(33,39,6)
```
#2f3809
```
#2f3809 rgb(47,56,9)
```
#3e490c
```
#3e490c rgb(62,73,12)
```
#4c5a0f
```
#4c5a0f rgb(76,90,15)
```
#5a6b11
```
#5a6b11 rgb(90,107,17)
```
#687c14
```
#687c14 rgb(104,124,20)
```
#768d17
```
#768d17 rgb(118,141,23)
```
#849d1a
```
#849d1a rgb(132,157,26)
```
#93ae1c
```
#93ae1c rgb(147,174,28)
```
#a1bf1f
```
#a1bf1f rgb(161,191,31)
```
#afd022
```
#afd022 rgb(175,208,34)
```

Shade Color Variation

#badc2a
```
#badc2a rgb(186,220,42)
```
#c0df3a
```
#c0df3a rgb(192,223,58)
```
#c5e24b
```
#c5e24b rgb(197,226,75)
```
#cbe45c
```
#cbe45c rgb(203,228,92)
```
#d0e76d
```
#d0e76d rgb(208,231,109)
```
#d5ea7e
```
#d5ea7e rgb(213,234,126)
```
#dbed8f
```
#dbed8f rgb(219,237,143)
```
#e0efa0
```
#e0efa0 rgb(224,239,160)
```
#e6f2b0
```
#e6f2b0 rgb(230,242,176)
```
#ebf5c1
```
#ebf5c1 rgb(235,245,193)
```
#f1f8d2
```
#f1f8d2 rgb(241,248,210)
```
#f6fae3
```
#f6fae3 rgb(246,250,227)
```
#fbfdf4
```
#fbfdf4 rgb(251,253,244)
```

Tint Color Variation

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

#7b7c76
```
#7b7c76 rgb(123,124,118)
```
#81866c
```
#81866c rgb(129,134,108)
```
#878f63
```
#878f63 rgb(135,143,99)
```
#8c985a
```
#8c985a rgb(140,152,90)
```
#92a151
```
#92a151 rgb(146,161,81)
```
#98ab47
```
#98ab47 rgb(152,171,71)
```
#9eb43e
```
#9eb43e rgb(158,180,62)
```
#a3bd35
```
#a3bd35 rgb(163,189,53)
```
#a9c72b
```
#a9c72b rgb(169,199,43)
```
#afd022
```
#afd022 rgb(175,208,34)
```
#b5d919
```
#b5d919 rgb(181,217,25)
```
#bbe30f
```
#bbe30f rgb(187,227,15)
```
#c0ec06
```
#c0ec06 rgb(192,236,6)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b1b895 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddc62a Protanopia 1% of men
#f5bc3c Deuteranopia 1% of men
#c4c4d2 Tritanopia 0.001% of the population

Trichromacy

#ccc927 Protanomaly 1% of men, 0.01% of women
#dcc332 Deuteranomaly 6% of men, 0.4% of women
#bcc892 Tritanomaly 0.01% of the population

#afd022 hex color

#afd022 Color Information

#afd022 Color Conversion

Color Schemes with #afd022

Alternatives to #afd022

#afd022 Preview

Shades and Tints of #afd022

Tones of #afd022

Color Blindness Simulator