#afd322 hex color

In a RGB color space, hex #afd322 is composed of 68.6% red, 82.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 0% magenta, 83.9% yellow and 17.3% black. It has a hue angle of 72.2 degrees, a saturation of 72.2% and a lightness of 48%. #afd322 color hex could be obtained by blending #ffff44 with #5fa700. Closest websafe color is: #99cc33.

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

● #afd322 color description : Strong yellow.

The hexadecimal color #afd322 has RGB values of R:175, G:211, B:34 and CMYK values of C:0.17, M:0, Y:0.84, K:0.17. Its decimal value is 11522850.

Hex triplet	afd322	`#afd322`
RGB Decimal	175, 211, 34	`rgb(175,211,34)`
RGB Percent	68.6, 82.7, 13.3	`rgb(68.6%,82.7%,13.3%)`
CMYK	17, 0, 84, 17
HSL	72.2°, 72.2, 48	`hsl(72.2,72.2%,48%)`
HSV (or HSB)	72.2°, 83.9, 82.7
Web Safe	99cc33	`#99cc33`

CIE-LAB	79.51, -33.087, 74.097
XYZ	41.262, 55.818, 10.113
xyY	0.385, 0.521, 55.818
CIE-LCH	79.51, 81.149, 114.063
CIE-LUV	79.51, -16.789, 87.233
Hunter-Lab	74.711, -32.162, 44.272
Binary	10101111, 11010011, 00100010

#afd322
```
#afd322 rgb(175,211,34)
```
#4622d3
```
#4622d3 rgb(70,34,211)
```

Complementary Color

#d39f22
```
#d39f22 rgb(211,159,34)
```
#afd322
```
#afd322 rgb(175,211,34)
```
#57d322
```
#57d322 rgb(87,211,34)
```

Analogous Color

#9f22d3
```
#9f22d3 rgb(159,34,211)
```
#afd322
```
#afd322 rgb(175,211,34)
```
#2257d3
```
#2257d3 rgb(34,87,211)
```

Split Complementary Color

#d322af
```
#d322af rgb(211,34,175)
```
#afd322
```
#afd322 rgb(175,211,34)
```
#22afd3
```
#22afd3 rgb(34,175,211)
```

Triadic Color

#d34622
```
#d34622 rgb(211,70,34)
```
#afd322
```
#afd322 rgb(175,211,34)
```
#22afd3
```
#22afd3 rgb(34,175,211)
```
#4622d3
```
#4622d3 rgb(70,34,211)
```

Tetradic Color

#789117
```
#789117 rgb(120,145,23)
```
#8ba71b
```
#8ba71b rgb(139,167,27)
```
#9dbd1e
```
#9dbd1e rgb(157,189,30)
```
#afd322
```
#afd322 rgb(175,211,34)
```
#bbde31
```
#bbde31 rgb(187,222,49)
```
#c2e147
```
#c2e147 rgb(194,225,71)
```
#c9e55d
```
#c9e55d rgb(201,229,93)
```

Monochromatic Color

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

#d3cb22
```
#d3cb22 rgb(211,203,34)
```
#cdd322
```
#cdd322 rgb(205,211,34)
```
#bed322
```
#bed322 rgb(190,211,34)
```
#afd322
```
#afd322 rgb(175,211,34)
```
#a0d322
```
#a0d322 rgb(160,211,34)
```
#92d322
```
#92d322 rgb(146,211,34)
```
#83d322
```
#83d322 rgb(131,211,34)
```

Similar Colors

Text with hexadecimal color #afd322

This text has a font color of #afd322.

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

#afd322 background color

This paragraph has a background color of #afd322.

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

#afd322 border color

This element has a border color of #afd322.

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

CSS codes

.text {color:#afd322;}

.background {background-color:#afd322;}

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

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

#070801
```
#070801 rgb(7,8,1)
```
#151904
```
#151904 rgb(21,25,4)
```
#232a07
```
#232a07 rgb(35,42,7)
```
#313b0a
```
#313b0a rgb(49,59,10)
```
#3f4c0c
```
#3f4c0c rgb(63,76,12)
```
#4d5d0f
```
#4d5d0f rgb(77,93,15)
```
#5b6e12
```
#5b6e12 rgb(91,110,18)
```
#697f14
```
#697f14 rgb(105,127,20)
```
#778f17
```
#778f17 rgb(119,143,23)
```
#85a01a
```
#85a01a rgb(133,160,26)
```
#93b11d
```
#93b11d rgb(147,177,29)
```
#a1c21f
```
#a1c21f rgb(161,194,31)
```
#afd322
```
#afd322 rgb(175,211,34)
```

Shade Color Variation

#b9dd2c
```
#b9dd2c rgb(185,221,44)
```
#bee03d
```
#bee03d rgb(190,224,61)
```
#c4e24d
```
#c4e24d rgb(196,226,77)
```
#cae55e
```
#cae55e rgb(202,229,94)
```
#cfe86f
```
#cfe86f rgb(207,232,111)
```
#d5eb80
```
#d5eb80 rgb(213,235,128)
```
#dbed91
```
#dbed91 rgb(219,237,145)
```
#e0f0a2
```
#e0f0a2 rgb(224,240,162)
```
#e6f3b3
```
#e6f3b3 rgb(230,243,179)
```
#ebf5c4
```
#ebf5c4 rgb(235,245,196)
```
#f1f8d5
```
#f1f8d5 rgb(241,248,213)
```
#f7fbe5
```
#f7fbe5 rgb(247,251,229)
```
#fcfef6
```
#fcfef6 rgb(252,254,246)
```

Tint Color Variation

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

#7d7e77
```
#7d7e77 rgb(125,126,119)
```
#82886d
```
#82886d rgb(130,136,109)
```
#889164
```
#889164 rgb(136,145,100)
```
#8d9a5b
```
#8d9a5b rgb(141,154,91)
```
#93a451
```
#93a451 rgb(147,164,81)
```
#99ad48
```
#99ad48 rgb(153,173,72)
```
#9eb73e
```
#9eb73e rgb(158,183,62)
```
#a4c035
```
#a4c035 rgb(164,192,53)
```
#a9ca2b
```
#a9ca2b rgb(169,202,43)
```
#afd322
```
#afd322 rgb(175,211,34)
```
#b5dc19
```
#b5dc19 rgb(181,220,25)
```
#bae60f
```
#bae60f rgb(186,230,15)
```
#c0ef06
```
#c0ef06 rgb(192,239,6)
```

Tone Color Variation

Below, you can see how #afd322 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
#b3ba97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0c829 Protanopia 1% of men
#f8be3c Deuteranopia 1% of men
#c5c7d5 Tritanopia 0.001% of the population

Trichromacy

#cecc27 Protanomaly 1% of men, 0.01% of women
#ddc533 Deuteranomaly 6% of men, 0.4% of women
#bdcb94 Tritanomaly 0.01% of the population

#afd322 hex color

#afd322 Color Information

#afd322 Color Conversion

Color Schemes with #afd322

Alternatives to #afd322

#afd322 Preview

Shades and Tints of #afd322

Tones of #afd322

Color Blindness Simulator