#afdd21 hex color

In a RGB color space, hex #afdd21 is composed of 68.6% red, 86.7% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 0% magenta, 85.1% yellow and 13.3% black. It has a hue angle of 74.7 degrees, a saturation of 74% and a lightness of 49.8%. #afdd21 color hex could be obtained by blending #ffff42 with #5fbb00. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 87
- B 13
RGB color chart
- C 21
- M 0
- Y 85
- K 13
CMYK color chart

● #afdd21 color description : Vivid yellow.

The hexadecimal color #afdd21 has RGB values of R:175, G:221, B:33 and CMYK values of C:0.21, M:0, Y:0.85, K:0.13. Its decimal value is 11525409.

Hex triplet	afdd21	`#afdd21`
RGB Decimal	175, 221, 33	`rgb(175,221,33)`
RGB Percent	68.6, 86.7, 12.9	`rgb(68.6%,86.7%,12.9%)`
CMYK	21, 0, 85, 13
HSL	74.7°, 74, 49.8	`hsl(74.7,74%,49.8%)`
HSV (or HSB)	74.7°, 85.1, 86.7
Web Safe	99cc33	`#99cc33`

CIE-LAB	82.344, -37.667, 76.715
XYZ	43.81, 60.936, 10.893
xyY	0.379, 0.527, 60.936
CIE-LCH	82.344, 85.464, 116.151
CIE-LUV	82.344, -22.4, 91.346
Hunter-Lab	78.062, -36.43, 46.37
Binary	10101111, 11011101, 00100001

#afdd21
```
#afdd21 rgb(175,221,33)
```
#4f21dd
```
#4f21dd rgb(79,33,221)
```

Complementary Color

#ddad21
```
#ddad21 rgb(221,173,33)
```
#afdd21
```
#afdd21 rgb(175,221,33)
```
#51dd21
```
#51dd21 rgb(81,221,33)
```

Analogous Color

#ad21dd
```
#ad21dd rgb(173,33,221)
```
#afdd21
```
#afdd21 rgb(175,221,33)
```
#2151dd
```
#2151dd rgb(33,81,221)
```

Split Complementary Color

#dd21af
```
#dd21af rgb(221,33,175)
```
#afdd21
```
#afdd21 rgb(175,221,33)
```
#21afdd
```
#21afdd rgb(33,175,221)
```

Triadic Color

#dd4f21
```
#dd4f21 rgb(221,79,33)
```
#afdd21
```
#afdd21 rgb(175,221,33)
```
#21afdd
```
#21afdd rgb(33,175,221)
```
#4f21dd
```
#4f21dd rgb(79,33,221)
```

Tetradic Color

#7a9a17
```
#7a9a17 rgb(122,154,23)
```
#8cb11a
```
#8cb11a rgb(140,177,26)
```
#9dc71e
```
#9dc71e rgb(157,199,30)
```
#afdd21
```
#afdd21 rgb(175,221,33)
```
#b7e136
```
#b7e136 rgb(183,225,54)
```
#bfe44d
```
#bfe44d rgb(191,228,77)
```
#c7e863
```
#c7e863 rgb(199,232,99)
```

Monochromatic Color

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

#dddc21
```
#dddc21 rgb(221,220,33)
```
#cedd21
```
#cedd21 rgb(206,221,33)
```
#bfdd21
```
#bfdd21 rgb(191,221,33)
```
#afdd21
```
#afdd21 rgb(175,221,33)
```
#9fdd21
```
#9fdd21 rgb(159,221,33)
```
#90dd21
```
#90dd21 rgb(144,221,33)
```
#80dd21
```
#80dd21 rgb(128,221,33)
```

Similar Colors

Text with hexadecimal color #afdd21

This text has a font color of #afdd21.

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

#afdd21 background color

This paragraph has a background color of #afdd21.

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

#afdd21 border color

This element has a border color of #afdd21.

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

CSS codes

.text {color:#afdd21;}

.background {background-color:#afdd21;}

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

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

#0d1002
```
#0d1002 rgb(13,16,2)
```
#1a2105
```
#1a2105 rgb(26,33,5)
```
#283208
```
#283208 rgb(40,50,8)
```
#35430a
```
#35430a rgb(53,67,10)
```
#43540d
```
#43540d rgb(67,84,13)
```
#50660f
```
#50660f rgb(80,102,15)
```
#5e7712
```
#5e7712 rgb(94,119,18)
```
#6b8814
```
#6b8814 rgb(107,136,20)
```
#799917
```
#799917 rgb(121,153,23)
```
#86aa19
```
#86aa19 rgb(134,170,25)
```
#94bb1c
```
#94bb1c rgb(148,187,28)
```
#a1cc1e
```
#a1cc1e rgb(161,204,30)
```
#afdd21
```
#afdd21 rgb(175,221,33)
```

Shade Color Variation

#b5e031
```
#b5e031 rgb(181,224,49)
```
#bce342
```
#bce342 rgb(188,227,66)
```
#c2e553
```
#c2e553 rgb(194,229,83)
```
#c8e865
```
#c8e865 rgb(200,232,101)
```
#ceea76
```
#ceea76 rgb(206,234,118)
```
#d4ed87
```
#d4ed87 rgb(212,237,135)
```
#daf098
```
#daf098 rgb(218,240,152)
```
#e0f2a9
```
#e0f2a9 rgb(224,242,169)
```
#e6f5ba
```
#e6f5ba rgb(230,245,186)
```
#ecf7cb
```
#ecf7cb rgb(236,247,203)
```
#f2fadc
```
#f2fadc rgb(242,250,220)
```
#f9fced
```
#f9fced rgb(249,252,237)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#828579
```
#828579 rgb(130,133,121)
```
#878f6f
```
#878f6f rgb(135,143,111)
```
#8c9965
```
#8c9965 rgb(140,153,101)
```
#91a25c
```
#91a25c rgb(145,162,92)
```
#96ac52
```
#96ac52 rgb(150,172,82)
```
#9bb648
```
#9bb648 rgb(155,182,72)
```
#a0c03e
```
#a0c03e rgb(160,192,62)
```
#a5c935
```
#a5c935 rgb(165,201,53)
```
#aad32b
```
#aad32b rgb(170,211,43)
```
#afdd21
```
#afdd21 rgb(175,221,33)
```
#b4e717
```
#b4e717 rgb(180,231,23)
```
#b9f10d
```
#b9f10d rgb(185,241,13)
```
#befa04
```
#befa04 rgb(190,250,4)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#b8c19b Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8cf28 Protanopia 1% of men
#ffc656 Deuteranopia 1% of men
#c7d0df Tritanopia 0.001% of the population

Trichromacy

#d3d425 Protanomaly 1% of men, 0.01% of women
#e1ce42 Deuteranomaly 6% of men, 0.4% of women
#bed499 Tritanomaly 0.01% of the population

#afdd21 hex color

#afdd21 Color Information

#afdd21 Color Conversion

Color Schemes with #afdd21

Alternatives to #afdd21

#afdd21 Preview

Shades and Tints of #afdd21

Tones of #afdd21

Color Blindness Simulator