#afd22b hex color

In a RGB color space, hex #afd22b is composed of 68.6% red, 82.4% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 79.5% yellow and 17.6% black. It has a hue angle of 72.6 degrees, a saturation of 66% and a lightness of 49.6%. #afd22b color hex could be obtained by blending #ffff56 with #5fa500. Closest websafe color is: #99cc33.

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

● #afd22b color description : Strong yellow.

The hexadecimal color #afd22b has RGB values of R:175, G:210, B:43 and CMYK values of C:0.17, M:0, Y:0.8, K:0.18. Its decimal value is 11522603.

Hex triplet	afd22b	`#afd22b`
RGB Decimal	175, 210, 43	`rgb(175,210,43)`
RGB Percent	68.6, 82.4, 16.9	`rgb(68.6%,82.4%,16.9%)`
CMYK	17, 0, 80, 18
HSL	72.6°, 66, 49.6	`hsl(72.6,66%,49.6%)`
HSV (or HSB)	72.6°, 79.5, 82.4
Web Safe	99cc33	`#99cc33`

CIE-LAB	79.26, -32.319, 71.643
XYZ	41.161, 55.381, 10.807
xyY	0.383, 0.516, 55.381
CIE-LCH	79.26, 78.595, 114.28
CIE-LUV	79.26, -16.249, 85.36
Hunter-Lab	74.419, -31.503, 43.483
Binary	10101111, 11010010, 00101011

#afd22b
```
#afd22b rgb(175,210,43)
```
#4e2bd2
```
#4e2bd2 rgb(78,43,210)
```

Complementary Color

#d2a22b
```
#d2a22b rgb(210,162,43)
```
#afd22b
```
#afd22b rgb(175,210,43)
```
#5cd22b
```
#5cd22b rgb(92,210,43)
```

Analogous Color

#a22bd2
```
#a22bd2 rgb(162,43,210)
```
#afd22b
```
#afd22b rgb(175,210,43)
```
#2b5cd2
```
#2b5cd2 rgb(43,92,210)
```

Split Complementary Color

#d22baf
```
#d22baf rgb(210,43,175)
```
#afd22b
```
#afd22b rgb(175,210,43)
```
#2bafd2
```
#2bafd2 rgb(43,175,210)
```

Triadic Color

#d24e2b
```
#d24e2b rgb(210,78,43)
```
#afd22b
```
#afd22b rgb(175,210,43)
```
#2bafd2
```
#2bafd2 rgb(43,175,210)
```
#4e2bd2
```
#4e2bd2 rgb(78,43,210)
```

Tetradic Color

#7a931e
```
#7a931e rgb(122,147,30)
```
#8ca822
```
#8ca822 rgb(140,168,34)
```
#9dbd27
```
#9dbd27 rgb(157,189,39)
```
#afd22b
```
#afd22b rgb(175,210,43)
```
#b8d83f
```
#b8d83f rgb(184,216,63)
```
#bfdc54
```
#bfdc54 rgb(191,220,84)
```
#c7e069
```
#c7e069 rgb(199,224,105)
```

Monochromatic Color

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

#d2cb2b
```
#d2cb2b rgb(210,203,43)
```
#cbd22b
```
#cbd22b rgb(203,210,43)
```
#bdd22b
```
#bdd22b rgb(189,210,43)
```
#afd22b
```
#afd22b rgb(175,210,43)
```
#a1d22b
```
#a1d22b rgb(161,210,43)
```
#93d22b
```
#93d22b rgb(147,210,43)
```
#85d22b
```
#85d22b rgb(133,210,43)
```

Similar Colors

Text with hexadecimal color #afd22b

This text has a font color of #afd22b.

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

#afd22b background color

This paragraph has a background color of #afd22b.

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

#afd22b border color

This element has a border color of #afd22b.

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

CSS codes

.text {color:#afd22b;}

.background {background-color:#afd22b;}

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

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, #0c0f03 is the darkest color, while #fefffd is the lightest one.

#0c0f03
```
#0c0f03 rgb(12,15,3)
```
#1a1f06
```
#1a1f06 rgb(26,31,6)
```
#272f0a
```
#272f0a rgb(39,47,10)
```
#353f0d
```
#353f0d rgb(53,63,13)
```
#425010
```
#425010 rgb(66,80,16)
```
#506014
```
#506014 rgb(80,96,20)
```
#5e7017
```
#5e7017 rgb(94,112,23)
```
#6b811a
```
#6b811a rgb(107,129,26)
```
#79911e
```
#79911e rgb(121,145,30)
```
#86a121
```
#86a121 rgb(134,161,33)
```
#94b124
```
#94b124 rgb(148,177,36)
```
#a1c228
```
#a1c228 rgb(161,194,40)
```
#afd22b
```
#afd22b rgb(175,210,43)
```

Shade Color Variation

#b6d73a
```
#b6d73a rgb(182,215,58)
```
#bcda4a
```
#bcda4a rgb(188,218,74)
```
#c2dd5b
```
#c2dd5b rgb(194,221,91)
```
#c8e16b
```
#c8e16b rgb(200,225,107)
```
#cee47b
```
#cee47b rgb(206,228,123)
```
#d4e78b
```
#d4e78b rgb(212,231,139)
```
#daeb9c
```
#daeb9c rgb(218,235,156)
```
#e0eeac
```
#e0eeac rgb(224,238,172)
```
#e6f1bc
```
#e6f1bc rgb(230,241,188)
```
#ecf5cc
```
#ecf5cc rgb(236,245,204)
```
#f2f8dd
```
#f2f8dd rgb(242,248,221)
```
#f8fbed
```
#f8fbed rgb(248,251,237)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#828479
```
#828479 rgb(130,132,121)
```
#878e6f
```
#878e6f rgb(135,142,111)
```
#8d9865
```
#8d9865 rgb(141,152,101)
```
#93a15c
```
#93a15c rgb(147,161,92)
```
#98ab52
```
#98ab52 rgb(152,171,82)
```
#9eb548
```
#9eb548 rgb(158,181,72)
```
#a4bf3e
```
#a4bf3e rgb(164,191,62)
```
#a9c835
```
#a9c835 rgb(169,200,53)
```
#afd22b
```
#afd22b rgb(175,210,43)
```
#b5dc21
```
#b5dc21 rgb(181,220,33)
```
#bae518
```
#bae518 rgb(186,229,24)
```
#c0ef0e
```
#c0ef0e rgb(192,239,14)
```
#c6f904
```
#c6f904 rgb(198,249,4)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b3ba99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfc732 Protanopia 1% of men
#f7be42 Deuteranopia 1% of men
#c5c6d4 Tritanopia 0.001% of the population

Trichromacy

#cdcb2f Protanomaly 1% of men, 0.01% of women
#ddc53a Deuteranomaly 6% of men, 0.4% of women
#bdca97 Tritanomaly 0.01% of the population

#afd22b hex color

#afd22b Color Information

#afd22b Color Conversion

Color Schemes with #afd22b

Alternatives to #afd22b

#afd22b Preview

Shades and Tints of #afd22b

Tones of #afd22b

Color Blindness Simulator