#afd21e hex color

In a RGB color space, hex #afd21e is composed of 68.6% red, 82.4% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 85.7% yellow and 17.6% black. It has a hue angle of 71.7 degrees, a saturation of 75% and a lightness of 47.1%. #afd21e color hex could be obtained by blending #ffff3c with #5fa500. Closest websafe color is: #99cc33.

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

● #afd21e color description : Strong yellow.

The hexadecimal color #afd21e has RGB values of R:175, G:210, B:30 and CMYK values of C:0.17, M:0, Y:0.86, K:0.18. Its decimal value is 11522590.

Hex triplet	afd21e	`#afd21e`
RGB Decimal	175, 210, 30	`rgb(175,210,30)`
RGB Percent	68.6, 82.4, 11.8	`rgb(68.6%,82.4%,11.8%)`
CMYK	17, 0, 86, 18
HSL	71.7°, 75, 47.1	`hsl(71.7,75%,47.1%)`
HSV (or HSB)	71.7°, 85.7, 82.4
Web Safe	99cc33	`#99cc33`

CIE-LAB	79.214, -32.738, 74.702
XYZ	40.96, 55.301, 9.744
xyY	0.386, 0.522, 55.301
CIE-LCH	79.214, 81.561, 113.665
CIE-LUV	79.214, -16.205, 87.38
Hunter-Lab	74.364, -31.82, 44.286
Binary	10101111, 11010010, 00011110

#afd21e
```
#afd21e rgb(175,210,30)
```
#411ed2
```
#411ed2 rgb(65,30,210)
```

Complementary Color

#d29b1e
```
#d29b1e rgb(210,155,30)
```
#afd21e
```
#afd21e rgb(175,210,30)
```
#55d21e
```
#55d21e rgb(85,210,30)
```

Analogous Color

#9b1ed2
```
#9b1ed2 rgb(155,30,210)
```
#afd21e
```
#afd21e rgb(175,210,30)
```
#1e55d2
```
#1e55d2 rgb(30,85,210)
```

Split Complementary Color

#d21eaf
```
#d21eaf rgb(210,30,175)
```
#afd21e
```
#afd21e rgb(175,210,30)
```
#1eafd2
```
#1eafd2 rgb(30,175,210)
```

Triadic Color

#d2411e
```
#d2411e rgb(210,65,30)
```
#afd21e
```
#afd21e rgb(175,210,30)
```
#1eafd2
```
#1eafd2 rgb(30,175,210)
```
#411ed2
```
#411ed2 rgb(65,30,210)
```

Tetradic Color

#778f14
```
#778f14 rgb(119,143,20)
```
#8aa518
```
#8aa518 rgb(138,165,24)
```
#9cbc1b
```
#9cbc1b rgb(156,188,27)
```
#afd21e
```
#afd21e rgb(175,210,30)
```
#bde029
```
#bde029 rgb(189,224,41)
```
#c4e43f
```
#c4e43f rgb(196,228,63)
```
#cbe756
```
#cbe756 rgb(203,231,86)
```

Monochromatic Color

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

#d2c81e
```
#d2c81e rgb(210,200,30)
```
#cdd21e
```
#cdd21e rgb(205,210,30)
```
#bed21e
```
#bed21e rgb(190,210,30)
```
#afd21e
```
#afd21e rgb(175,210,30)
```
#a0d21e
```
#a0d21e rgb(160,210,30)
```
#91d21e
```
#91d21e rgb(145,210,30)
```
#82d21e
```
#82d21e rgb(130,210,30)
```

Similar Colors

Text with hexadecimal color #afd21e

This text has a font color of #afd21e.

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

#afd21e background color

This paragraph has a background color of #afd21e.

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

#afd21e border color

This element has a border color of #afd21e.

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

CSS codes

.text {color:#afd21e;}

.background {background-color:#afd21e;}

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

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

#030401
```
#030401 rgb(3,4,1)
```
#121503
```
#121503 rgb(18,21,3)
```
#202605
```
#202605 rgb(32,38,5)
```
#2e3808
```
#2e3808 rgb(46,56,8)
```
#3d490a
```
#3d490a rgb(61,73,10)
```
#4b5a0d
```
#4b5a0d rgb(75,90,13)
```
#596b0f
```
#596b0f rgb(89,107,15)
```
#677c12
```
#677c12 rgb(103,124,18)
```
#768d14
```
#768d14 rgb(118,141,20)
```
#849f17
```
#849f17 rgb(132,159,23)
```
#92b019
```
#92b019 rgb(146,176,25)
```
#a1c11c
```
#a1c11c rgb(161,193,28)
```
#afd21e
```
#afd21e rgb(175,210,30)
```

Shade Color Variation

#bbe024
```
#bbe024 rgb(187,224,36)
```
#c1e235
```
#c1e235 rgb(193,226,53)
```
#c6e546
```
#c6e546 rgb(198,229,70)
```
#cbe757
```
#cbe757 rgb(203,231,87)
```
#d0ea69
```
#d0ea69 rgb(208,234,105)
```
#d6ec7a
```
#d6ec7a rgb(214,236,122)
```
#dbee8b
```
#dbee8b rgb(219,238,139)
```
#e0f19c
```
#e0f19c rgb(224,241,156)
```
#e6f3ad
```
#e6f3ad rgb(230,243,173)
```
#ebf6be
```
#ebf6be rgb(235,246,190)
```
#f0f8d0
```
#f0f8d0 rgb(240,248,208)
```
#f6fbe1
```
#f6fbe1 rgb(246,251,225)
```
#fbfdf2
```
#fbfdf2 rgb(251,253,242)
```

Tint Color Variation

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

#7c7f71
```
#7c7f71 rgb(124,127,113)
```
#828868
```
#828868 rgb(130,136,104)
```
#88915f
```
#88915f rgb(136,145,95)
```
#8d9b55
```
#8d9b55 rgb(141,155,85)
```
#93a44c
```
#93a44c rgb(147,164,76)
```
#98ad43
```
#98ad43 rgb(152,173,67)
```
#9eb63a
```
#9eb63a rgb(158,182,58)
```
#a4c030
```
#a4c030 rgb(164,192,48)
```
#a9c927
```
#a9c927 rgb(169,201,39)
```
#afd21e
```
#afd21e rgb(175,210,30)
```
#b5db15
```
#b5db15 rgb(181,219,21)
```
#bae40c
```
#bae40c rgb(186,228,12)
```
#c0ee02
```
#c0ee02 rgb(192,238,2)
```

Tone Color Variation

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

#dfc725 Protanopia 1% of men
#f7bd3a Deuteranopia 1% of men
#c5c6d4 Tritanopia 0.001% of the population

Trichromacy

#cdcb23 Protanomaly 1% of men, 0.01% of women
#ddc52f Deuteranomaly 6% of men, 0.4% of women
#bdca92 Tritanomaly 0.01% of the population

#afd21e hex color

#afd21e Color Information

#afd21e Color Conversion

Color Schemes with #afd21e

Alternatives to #afd21e

#afd21e Preview

Shades and Tints of #afd21e

Tones of #afd21e

Color Blindness Simulator