#afd420 hex color

In a RGB color space, hex #afd420 is composed of 68.6% red, 83.1% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 0% magenta, 84.9% yellow and 16.9% black. It has a hue angle of 72.3 degrees, a saturation of 73.8% and a lightness of 47.8%. #afd420 color hex could be obtained by blending #ffff40 with #5fa900. Closest websafe color is: #99cc33.

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

● #afd420 color description : Strong yellow.

The hexadecimal color #afd420 has RGB values of R:175, G:212, B:32 and CMYK values of C:0.17, M:0, Y:0.85, K:0.17. Its decimal value is 11523104.

Hex triplet	afd420	`#afd420`
RGB Decimal	175, 212, 32	`rgb(175,212,32)`
RGB Percent	68.6, 83.1, 12.5	`rgb(68.6%,83.1%,12.5%)`
CMYK	17, 0, 85, 17
HSL	72.3°, 73.8, 47.8	`hsl(72.3,73.8%,47.8%)`
HSV (or HSB)	72.3°, 84.9, 83.1
Web Safe	99cc33	`#99cc33`

CIE-LAB	79.787, -33.606, 74.768
XYZ	41.483, 56.305, 10.049
xyY	0.385, 0.522, 56.305
CIE-LCH	79.787, 81.973, 114.203
CIE-LUV	79.787, -17.354, 87.91
Hunter-Lab	75.037, -32.633, 44.585
Binary	10101111, 11010100, 00100000

#afd420
```
#afd420 rgb(175,212,32)
```
#4520d4
```
#4520d4 rgb(69,32,212)
```

Complementary Color

#d49f20
```
#d49f20 rgb(212,159,32)
```
#afd420
```
#afd420 rgb(175,212,32)
```
#55d420
```
#55d420 rgb(85,212,32)
```

Analogous Color

#9f20d4
```
#9f20d4 rgb(159,32,212)
```
#afd420
```
#afd420 rgb(175,212,32)
```
#2055d4
```
#2055d4 rgb(32,85,212)
```

Split Complementary Color

#d420af
```
#d420af rgb(212,32,175)
```
#afd420
```
#afd420 rgb(175,212,32)
```
#20afd4
```
#20afd4 rgb(32,175,212)
```

Triadic Color

#d44520
```
#d44520 rgb(212,69,32)
```
#afd420
```
#afd420 rgb(175,212,32)
```
#20afd4
```
#20afd4 rgb(32,175,212)
```
#4520d4
```
#4520d4 rgb(69,32,212)
```

Tetradic Color

#789216
```
#789216 rgb(120,146,22)
```
#8aa819
```
#8aa819 rgb(138,168,25)
```
#9dbe1d
```
#9dbe1d rgb(157,190,29)
```
#afd420
```
#afd420 rgb(175,212,32)
```
#bbdf2e
```
#bbdf2e rgb(187,223,46)
```
#c2e344
```
#c2e344 rgb(194,227,68)
```
#c9e65a
```
#c9e65a rgb(201,230,90)
```

Monochromatic Color

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

#d4cc20
```
#d4cc20 rgb(212,204,32)
```
#cdd420
```
#cdd420 rgb(205,212,32)
```
#bed420
```
#bed420 rgb(190,212,32)
```
#afd420
```
#afd420 rgb(175,212,32)
```
#a0d420
```
#a0d420 rgb(160,212,32)
```
#91d420
```
#91d420 rgb(145,212,32)
```
#82d420
```
#82d420 rgb(130,212,32)
```

Similar Colors

Text with hexadecimal color #afd420

This text has a font color of #afd420.

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

#afd420 background color

This paragraph has a background color of #afd420.

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

#afd420 border color

This element has a border color of #afd420.

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

CSS codes

.text {color:#afd420;}

.background {background-color:#afd420;}

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

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)
```
#141904
```
#141904 rgb(20,25,4)
```
#222a06
```
#222a06 rgb(34,42,6)
```
#303b09
```
#303b09 rgb(48,59,9)
```
#3e4c0b
```
#3e4c0b rgb(62,76,11)
```
#4d5d0e
```
#4d5d0e rgb(77,93,14)
```
#5b6e11
```
#5b6e11 rgb(91,110,17)
```
#697f13
```
#697f13 rgb(105,127,19)
```
#779016
```
#779016 rgb(119,144,22)
```
#85a118
```
#85a118 rgb(133,161,24)
```
#93b21b
```
#93b21b rgb(147,178,27)
```
#a1c31d
```
#a1c31d rgb(161,195,29)
```
#afd420
```
#afd420 rgb(175,212,32)
```

Shade Color Variation

#b9df29
```
#b9df29 rgb(185,223,41)
```
#bfe13a
```
#bfe13a rgb(191,225,58)
```
#c4e44b
```
#c4e44b rgb(196,228,75)
```
#cae65c
```
#cae65c rgb(202,230,92)
```
#d0e96d
```
#d0e96d rgb(208,233,109)
```
#d5ec7e
```
#d5ec7e rgb(213,236,126)
```
#dbee8f
```
#dbee8f rgb(219,238,143)
```
#e0f1a0
```
#e0f1a0 rgb(224,241,160)
```
#e6f3b1
```
#e6f3b1 rgb(230,243,177)
```
#ebf6c2
```
#ebf6c2 rgb(235,246,194)
```
#f1f8d3
```
#f1f8d3 rgb(241,248,211)
```
#f6fbe4
```
#f6fbe4 rgb(246,251,228)
```
#fcfef5
```
#fcfef5 rgb(252,254,245)
```

Tint Color Variation

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

#7d8074
```
#7d8074 rgb(125,128,116)
```
#83896b
```
#83896b rgb(131,137,107)
```
#889262
```
#889262 rgb(136,146,98)
```
#8e9c58
```
#8e9c58 rgb(142,156,88)
```
#93a54f
```
#93a54f rgb(147,165,79)
```
#99ae46
```
#99ae46 rgb(153,174,70)
```
#9eb83c
```
#9eb83c rgb(158,184,60)
```
#a4c133
```
#a4c133 rgb(164,193,51)
```
#a9cb29
```
#a9cb29 rgb(169,203,41)
```
#afd420
```
#afd420 rgb(175,212,32)
```
#b5dd17
```
#b5dd17 rgb(181,221,23)
```
#bae70d
```
#bae70d rgb(186,231,13)
```
#c0f004
```
#c0f004 rgb(192,240,4)
```

Tone Color Variation

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

Dichromacy

#e0c927 Protanopia 1% of men
#f9bf3b Deuteranopia 1% of men
#c5c8d6 Tritanopia 0.001% of the population

Trichromacy

#cecd24 Protanomaly 1% of men, 0.01% of women
#dec631 Deuteranomaly 6% of men, 0.4% of women
#bdcc94 Tritanomaly 0.01% of the population

#afd420 hex color

#afd420 Color Information

#afd420 Color Conversion

Color Schemes with #afd420

Alternatives to #afd420

#afd420 Preview

Shades and Tints of #afd420

Tones of #afd420

Color Blindness Simulator