#afd622 hex color

In a RGB color space, hex #afd622 is composed of 68.6% red, 83.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 84.1% yellow and 16.1% black. It has a hue angle of 73 degrees, a saturation of 72.6% and a lightness of 48.6%. #afd622 color hex could be obtained by blending #ffff44 with #5fad00. Closest websafe color is: #99cc33.

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

● #afd622 color description : Strong yellow.

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

Hex triplet	afd622	`#afd622`
RGB Decimal	175, 214, 34	`rgb(175,214,34)`
RGB Percent	68.6, 83.9, 13.3	`rgb(68.6%,83.9%,13.3%)`
CMYK	18, 0, 84, 16
HSL	73°, 72.6, 48.6	`hsl(73,72.6%,48.6%)`
HSV (or HSB)	73°, 84.1, 83.9
Web Safe	99cc33	`#99cc33`

CIE-LAB	80.36, -34.466, 74.821
XYZ	42.014, 57.322, 10.364
xyY	0.383, 0.523, 57.322
CIE-LCH	80.36, 82.378, 114.733
CIE-LUV	80.36, -18.495, 88.429
Hunter-Lab	75.711, -33.441, 44.882
Binary	10101111, 11010110, 00100010

#afd622
```
#afd622 rgb(175,214,34)
```
#4922d6
```
#4922d6 rgb(73,34,214)
```

Complementary Color

#d6a322
```
#d6a322 rgb(214,163,34)
```
#afd622
```
#afd622 rgb(175,214,34)
```
#55d622
```
#55d622 rgb(85,214,34)
```

Analogous Color

#a322d6
```
#a322d6 rgb(163,34,214)
```
#afd622
```
#afd622 rgb(175,214,34)
```
#2255d6
```
#2255d6 rgb(34,85,214)
```

Split Complementary Color

#d622af
```
#d622af rgb(214,34,175)
```
#afd622
```
#afd622 rgb(175,214,34)
```
#22afd6
```
#22afd6 rgb(34,175,214)
```

Triadic Color

#d64922
```
#d64922 rgb(214,73,34)
```
#afd622
```
#afd622 rgb(175,214,34)
```
#22afd6
```
#22afd6 rgb(34,175,214)
```
#4922d6
```
#4922d6 rgb(73,34,214)
```

Tetradic Color

#799418
```
#799418 rgb(121,148,24)
```
#8baa1b
```
#8baa1b rgb(139,170,27)
```
#9dc01f
```
#9dc01f rgb(157,192,31)
```
#afd622
```
#afd622 rgb(175,214,34)
```
#b9df33
```
#b9df33 rgb(185,223,51)
```
#c1e249
```
#c1e249 rgb(193,226,73)
```
#c8e65f
```
#c8e65f rgb(200,230,95)
```

Monochromatic Color

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

#d6d022
```
#d6d022 rgb(214,208,34)
```
#cdd622
```
#cdd622 rgb(205,214,34)
```
#bed622
```
#bed622 rgb(190,214,34)
```
#afd622
```
#afd622 rgb(175,214,34)
```
#a0d622
```
#a0d622 rgb(160,214,34)
```
#91d622
```
#91d622 rgb(145,214,34)
```
#82d622
```
#82d622 rgb(130,214,34)
```

Similar Colors

Text with hexadecimal color #afd622

This text has a font color of #afd622.

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

#afd622 background color

This paragraph has a background color of #afd622.

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

#afd622 border color

This element has a border color of #afd622.

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

CSS codes

.text {color:#afd622;}

.background {background-color:#afd622;}

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

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

#090b02
```
#090b02 rgb(9,11,2)
```
#171c04
```
#171c04 rgb(23,28,4)
```
#252d07
```
#252d07 rgb(37,45,7)
```
#323e0a
```
#323e0a rgb(50,62,10)
```
#404f0c
```
#404f0c rgb(64,79,12)
```
#4e600f
```
#4e600f rgb(78,96,15)
```
#5c7012
```
#5c7012 rgb(92,112,18)
```
#6a8115
```
#6a8115 rgb(106,129,21)
```
#789217
```
#789217 rgb(120,146,23)
```
#85a31a
```
#85a31a rgb(133,163,26)
```
#93b41d
```
#93b41d rgb(147,180,29)
```
#a1c51f
```
#a1c51f rgb(161,197,31)
```
#afd622
```
#afd622 rgb(175,214,34)
```

Shade Color Variation

#b8de2e
```
#b8de2e rgb(184,222,46)
```
#bde03f
```
#bde03f rgb(189,224,63)
```
#c3e350
```
#c3e350 rgb(195,227,80)
```
#c9e661
```
#c9e661 rgb(201,230,97)
```
#cfe972
```
#cfe972 rgb(207,233,114)
```
#d5eb82
```
#d5eb82 rgb(213,235,130)
```
#daee93
```
#daee93 rgb(218,238,147)
```
#e0f1a4
```
#e0f1a4 rgb(224,241,164)
```
#e6f3b5
```
#e6f3b5 rgb(230,243,181)
```
#ecf6c6
```
#ecf6c6 rgb(236,246,198)
```
#f1f9d7
```
#f1f9d7 rgb(241,249,215)
```
#f7fbe8
```
#f7fbe8 rgb(247,251,232)
```
#fdfef9
```
#fdfef9 rgb(253,254,249)
```

Tint Color Variation

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

#7e8078
```
#7e8078 rgb(126,128,120)
```
#848a6e
```
#848a6e rgb(132,138,110)
```
#899365
```
#899365 rgb(137,147,101)
```
#8f9d5b
```
#8f9d5b rgb(143,157,91)
```
#94a652
```
#94a652 rgb(148,166,82)
```
#99b048
```
#99b048 rgb(153,176,72)
```
#9fb93f
```
#9fb93f rgb(159,185,63)
```
#a4c335
```
#a4c335 rgb(164,195,53)
```
#aacc2c
```
#aacc2c rgb(170,204,44)
```
#afd622
```
#afd622 rgb(175,214,34)
```
#b4e018
```
#b4e018 rgb(180,224,24)
```
#bae90f
```
#bae90f rgb(186,233,15)
```
#bff305
```
#bff305 rgb(191,243,5)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#b5bc98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2ca29 Protanopia 1% of men
#fbc03d Deuteranopia 1% of men
#c5c9d8 Tritanopia 0.001% of the population

Trichromacy

#cfce26 Protanomaly 1% of men, 0.01% of women
#dfc833 Deuteranomaly 6% of men, 0.4% of women
#bdce96 Tritanomaly 0.01% of the population

#afd622 hex color

#afd622 Color Information

#afd622 Color Conversion

Color Schemes with #afd622

Alternatives to #afd622

#afd622 Preview

Shades and Tints of #afd622

Tones of #afd622

Color Blindness Simulator