#afd21c hex color

In a RGB color space, hex #afd21c is composed of 68.6% red, 82.4% green and 11% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 86.7% yellow and 17.6% black. It has a hue angle of 71.5 degrees, a saturation of 76.5% and a lightness of 46.7%. #afd21c color hex could be obtained by blending #ffff38 with #5fa500. Closest websafe color is: #99cc33.

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

● #afd21c color description : Strong yellow.

The hexadecimal color #afd21c has RGB values of R:175, G:210, B:28 and CMYK values of C:0.17, M:0, Y:0.87, K:0.18. Its decimal value is 11522588.

Hex triplet	afd21c	`#afd21c`
RGB Decimal	175, 210, 28	`rgb(175,210,28)`
RGB Percent	68.6, 82.4, 11	`rgb(68.6%,82.4%,11%)`
CMYK	17, 0, 87, 18
HSL	71.5°, 76.5, 46.7	`hsl(71.5,76.5%,46.7%)`
HSV (or HSB)	71.5°, 86.7, 82.4
Web Safe	99cc33	`#99cc33`

CIE-LAB	79.208, -32.79, 75.093
XYZ	40.935, 55.291, 9.614
xyY	0.387, 0.522, 55.291
CIE-LCH	79.208, 81.939, 113.589
CIE-LUV	79.208, -16.199, 87.629
Hunter-Lab	74.358, -31.859, 44.384
Binary	10101111, 11010010, 00011100

#afd21c
```
#afd21c rgb(175,210,28)
```
#3f1cd2
```
#3f1cd2 rgb(63,28,210)
```

Complementary Color

#d29a1c
```
#d29a1c rgb(210,154,28)
```
#afd21c
```
#afd21c rgb(175,210,28)
```
#54d21c
```
#54d21c rgb(84,210,28)
```

Analogous Color

#9a1cd2
```
#9a1cd2 rgb(154,28,210)
```
#afd21c
```
#afd21c rgb(175,210,28)
```
#1c54d2
```
#1c54d2 rgb(28,84,210)
```

Split Complementary Color

#d21caf
```
#d21caf rgb(210,28,175)
```
#afd21c
```
#afd21c rgb(175,210,28)
```
#1cafd2
```
#1cafd2 rgb(28,175,210)
```

Triadic Color

#d23f1c
```
#d23f1c rgb(210,63,28)
```
#afd21c
```
#afd21c rgb(175,210,28)
```
#1cafd2
```
#1cafd2 rgb(28,175,210)
```
#3f1cd2
```
#3f1cd2 rgb(63,28,210)
```

Tetradic Color

#778f13
```
#778f13 rgb(119,143,19)
```
#8aa516
```
#8aa516 rgb(138,165,22)
```
#9cbc19
```
#9cbc19 rgb(156,188,25)
```
#afd21c
```
#afd21c rgb(175,210,28)
```
#bee226
```
#bee226 rgb(190,226,38)
```
#c5e53c
```
#c5e53c rgb(197,229,60)
```
#cbe853
```
#cbe853 rgb(203,232,83)
```

Monochromatic Color

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

#d2c81c
```
#d2c81c rgb(210,200,28)
```
#cdd21c
```
#cdd21c rgb(205,210,28)
```
#bed21c
```
#bed21c rgb(190,210,28)
```
#afd21c
```
#afd21c rgb(175,210,28)
```
#a0d21c
```
#a0d21c rgb(160,210,28)
```
#91d21c
```
#91d21c rgb(145,210,28)
```
#82d21c
```
#82d21c rgb(130,210,28)
```

Similar Colors

Text with hexadecimal color #afd21c

This text has a font color of #afd21c.

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

#afd21c background color

This paragraph has a background color of #afd21c.

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

#afd21c border color

This element has a border color of #afd21c.

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

CSS codes

.text {color:#afd21c;}

.background {background-color:#afd21c;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#101403
```
#101403 rgb(16,20,3)
```
#1f2505
```
#1f2505 rgb(31,37,5)
```
#2d3607
```
#2d3607 rgb(45,54,7)
```
#3c480a
```
#3c480a rgb(60,72,10)
```
#4a590c
```
#4a590c rgb(74,89,12)
```
#586a0e
```
#586a0e rgb(88,106,14)
```
#677b10
```
#677b10 rgb(103,123,16)
```
#758d13
```
#758d13 rgb(117,141,19)
```
#849e15
```
#849e15 rgb(132,158,21)
```
#92af17
```
#92af17 rgb(146,175,23)
```
#a1c11a
```
#a1c11a rgb(161,193,26)
```
#afd21c
```
#afd21c rgb(175,210,28)
```

Shade Color Variation

#bce120
```
#bce120 rgb(188,225,32)
```
#c1e432
```
#c1e432 rgb(193,228,50)
```
#c7e643
```
#c7e643 rgb(199,230,67)
```
#cce854
```
#cce854 rgb(204,232,84)
```
#d1eb66
```
#d1eb66 rgb(209,235,102)
```
#d6ed77
```
#d6ed77 rgb(214,237,119)
```
#dbef88
```
#dbef88 rgb(219,239,136)
```
#e1f199
```
#e1f199 rgb(225,241,153)
```
#e6f4ab
```
#e6f4ab rgb(230,244,171)
```
#ebf6bc
```
#ebf6bc rgb(235,246,188)
```
#f0f8cd
```
#f0f8cd rgb(240,248,205)
```
#f5fbdf
```
#f5fbdf rgb(245,251,223)
```
#fbfdf0
```
#fbfdf0 rgb(251,253,240)
```

Tint Color Variation

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

#7c806e
```
#7c806e rgb(124,128,110)
```
#828965
```
#828965 rgb(130,137,101)
```
#88925c
```
#88925c rgb(136,146,92)
```
#8d9b53
```
#8d9b53 rgb(141,155,83)
```
#93a44a
```
#93a44a rgb(147,164,74)
```
#98ad41
```
#98ad41 rgb(152,173,65)
```
#9eb737
```
#9eb737 rgb(158,183,55)
```
#a4c02e
```
#a4c02e rgb(164,192,46)
```
#a9c925
```
#a9c925 rgb(169,201,37)
```
#afd21c
```
#afd21c rgb(175,210,28)
```
#b5db13
```
#b5db13 rgb(181,219,19)
```
#bae40a
```
#bae40a rgb(186,228,10)
```
#c0ed01
```
#c0ed01 rgb(192,237,1)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b2b995 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfc723 Protanopia 1% of men
#f8bd38 Deuteranopia 1% of men
#c5c6d4 Tritanopia 0.001% of the population

Trichromacy

#cdcb21 Protanomaly 1% of men, 0.01% of women
#ddc52e Deuteranomaly 6% of men, 0.4% of women
#bdca91 Tritanomaly 0.01% of the population

#afd21c hex color

#afd21c Color Information

#afd21c Color Conversion

Color Schemes with #afd21c

Alternatives to #afd21c

#afd21c Preview

Shades and Tints of #afd21c

Tones of #afd21c

Color Blindness Simulator