#afd321 hex color

In a RGB color space, hex #afd321 is composed of 68.6% red, 82.7% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 0% magenta, 84.4% yellow and 17.3% black. It has a hue angle of 72.1 degrees, a saturation of 73% and a lightness of 47.8%. #afd321 color hex could be obtained by blending #ffff42 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

● #afd321 color description : Strong yellow.

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

Hex triplet	afd321	`#afd321`
RGB Decimal	175, 211, 33	`rgb(175,211,33)`
RGB Percent	68.6, 82.7, 12.9	`rgb(68.6%,82.7%,12.9%)`
CMYK	17, 0, 84, 17
HSL	72.1°, 73, 47.8	`hsl(72.1,73%,47.8%)`
HSV (or HSB)	72.1°, 84.4, 82.7
Web Safe	99cc33	`#99cc33`

CIE-LAB	79.507, -33.117, 74.316
XYZ	41.248, 55.812, 10.039
xyY	0.385, 0.521, 55.812
CIE-LCH	79.507, 81.36, 114.019
CIE-LUV	79.507, -16.786, 87.375
Hunter-Lab	74.707, -32.184, 44.328
Binary	10101111, 11010011, 00100001

#afd321
```
#afd321 rgb(175,211,33)
```
#4521d3
```
#4521d3 rgb(69,33,211)
```

Complementary Color

#d39e21
```
#d39e21 rgb(211,158,33)
```
#afd321
```
#afd321 rgb(175,211,33)
```
#56d321
```
#56d321 rgb(86,211,33)
```

Analogous Color

#9e21d3
```
#9e21d3 rgb(158,33,211)
```
#afd321
```
#afd321 rgb(175,211,33)
```
#2156d3
```
#2156d3 rgb(33,86,211)
```

Split Complementary Color

#d321af
```
#d321af rgb(211,33,175)
```
#afd321
```
#afd321 rgb(175,211,33)
```
#21afd3
```
#21afd3 rgb(33,175,211)
```

Triadic Color

#d34521
```
#d34521 rgb(211,69,33)
```
#afd321
```
#afd321 rgb(175,211,33)
```
#21afd3
```
#21afd3 rgb(33,175,211)
```
#4521d3
```
#4521d3 rgb(69,33,211)
```

Tetradic Color

#789117
```
#789117 rgb(120,145,23)
```
#8aa71a
```
#8aa71a rgb(138,167,26)
```
#9dbd1e
```
#9dbd1e rgb(157,189,30)
```
#afd321
```
#afd321 rgb(175,211,33)
```
#bbde2f
```
#bbde2f rgb(187,222,47)
```
#c2e245
```
#c2e245 rgb(194,226,69)
```
#c9e55b
```
#c9e55b rgb(201,229,91)
```

Monochromatic Color

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

#d3cb21
```
#d3cb21 rgb(211,203,33)
```
#cdd321
```
#cdd321 rgb(205,211,33)
```
#bed321
```
#bed321 rgb(190,211,33)
```
#afd321
```
#afd321 rgb(175,211,33)
```
#a0d321
```
#a0d321 rgb(160,211,33)
```
#91d321
```
#91d321 rgb(145,211,33)
```
#83d321
```
#83d321 rgb(131,211,33)
```

Similar Colors

Text with hexadecimal color #afd321

This text has a font color of #afd321.

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

#afd321 background color

This paragraph has a background color of #afd321.

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

#afd321 border color

This element has a border color of #afd321.

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

CSS codes

.text {color:#afd321;}

.background {background-color:#afd321;}

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

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

#060701
```
#060701 rgb(6,7,1)
```
#141804
```
#141804 rgb(20,24,4)
```
#222906
```
#222906 rgb(34,41,6)
```
#303a09
```
#303a09 rgb(48,58,9)
```
#3e4b0c
```
#3e4b0c rgb(62,75,12)
```
#4d5c0e
```
#4d5c0e rgb(77,92,14)
```
#5b6d11
```
#5b6d11 rgb(91,109,17)
```
#697e14
```
#697e14 rgb(105,126,20)
```
#778f16
```
#778f16 rgb(119,143,22)
```
#85a019
```
#85a019 rgb(133,160,25)
```
#93b11c
```
#93b11c rgb(147,177,28)
```
#a1c21e
```
#a1c21e rgb(161,194,30)
```
#afd321
```
#afd321 rgb(175,211,33)
```

Shade Color Variation

#b9de2a
```
#b9de2a rgb(185,222,42)
```
#bfe03b
```
#bfe03b rgb(191,224,59)
```
#c4e34c
```
#c4e34c rgb(196,227,76)
```
#cae65d
```
#cae65d rgb(202,230,93)
```
#d0e86e
```
#d0e86e rgb(208,232,110)
```
#d5eb7f
```
#d5eb7f rgb(213,235,127)
```
#dbee90
```
#dbee90 rgb(219,238,144)
```
#e0f0a1
```
#e0f0a1 rgb(224,240,161)
```
#e6f3b2
```
#e6f3b2 rgb(230,243,178)
```
#ebf6c3
```
#ebf6c3 rgb(235,246,195)
```
#f1f8d4
```
#f1f8d4 rgb(241,248,212)
```
#f6fbe5
```
#f6fbe5 rgb(246,251,229)
```
#fcfef5
```
#fcfef5 rgb(252,254,245)
```

Tint Color Variation

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

#7d7f75
```
#7d7f75 rgb(125,127,117)
```
#82886c
```
#82886c rgb(130,136,108)
```
#889163
```
#889163 rgb(136,145,99)
```
#8d9b59
```
#8d9b59 rgb(141,155,89)
```
#93a450
```
#93a450 rgb(147,164,80)
```
#99ad47
```
#99ad47 rgb(153,173,71)
```
#9eb73d
```
#9eb73d rgb(158,183,61)
```
#a4c034
```
#a4c034 rgb(164,192,52)
```
#a9ca2a
```
#a9ca2a rgb(169,202,42)
```
#afd321
```
#afd321 rgb(175,211,33)
```
#b5dc18
```
#b5dc18 rgb(181,220,24)
```
#bae60e
```
#bae60e rgb(186,230,14)
```
#c0ef05
```
#c0ef05 rgb(192,239,5)
```

Tone Color Variation

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

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

Trichromacy

#cecc26 Protanomaly 1% of men, 0.01% of women
#ddc532 Deuteranomaly 6% of men, 0.4% of women
#bdcb93 Tritanomaly 0.01% of the population

#afd321 hex color

#afd321 Color Information

#afd321 Color Conversion

Color Schemes with #afd321

Alternatives to #afd321

#afd321 Preview

Shades and Tints of #afd321

Tones of #afd321

Color Blindness Simulator