#afdf16 hex color

In a RGB color space, hex #afdf16 is composed of 68.6% red, 87.5% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 21.5% cyan, 0% magenta, 90.1% yellow and 12.5% black. It has a hue angle of 74.3 degrees, a saturation of 82% and a lightness of 48%. #afdf16 color hex could be obtained by blending #ffff2c with #5fbf00. Closest websafe color is: #99cc00.

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

● #afdf16 color description : Vivid yellow.

The hexadecimal color #afdf16 has RGB values of R:175, G:223, B:22 and CMYK values of C:0.22, M:0, Y:0.9, K:0.13. Its decimal value is 11525910.

Hex triplet	afdf16	`#afdf16`
RGB Decimal	175, 223, 22	`rgb(175,223,22)`
RGB Percent	68.6, 87.5, 8.6	`rgb(68.6%,87.5%,8.6%)`
CMYK	22, 0, 90, 13
HSL	74.3°, 82, 48	`hsl(74.3,82%,48%)`
HSV (or HSB)	74.3°, 90.1, 87.5
Web Safe	99cc00	`#99cc00`

CIE-LAB	82.885, -38.821, 79.108
XYZ	44.211, 61.947, 10.387
xyY	0.379, 0.532, 61.947
CIE-LCH	82.885, 88.12, 116.139
CIE-LUV	82.885, -23.489, 93.362
Hunter-Lab	78.706, -37.468, 47.27
Binary	10101111, 11011111, 00010110

#afdf16
```
#afdf16 rgb(175,223,22)
```
#4616df
```
#4616df rgb(70,22,223)
```

Complementary Color

#dfab16
```
#dfab16 rgb(223,171,22)
```
#afdf16
```
#afdf16 rgb(175,223,22)
```
#4bdf16
```
#4bdf16 rgb(75,223,22)
```

Analogous Color

#ab16df
```
#ab16df rgb(171,22,223)
```
#afdf16
```
#afdf16 rgb(175,223,22)
```
#164bdf
```
#164bdf rgb(22,75,223)
```

Split Complementary Color

#df16af
```
#df16af rgb(223,22,175)
```
#afdf16
```
#afdf16 rgb(175,223,22)
```
#16afdf
```
#16afdf rgb(22,175,223)
```

Triadic Color

#df4616
```
#df4616 rgb(223,70,22)
```
#afdf16
```
#afdf16 rgb(175,223,22)
```
#16afdf
```
#16afdf rgb(22,175,223)
```
#4616df
```
#4616df rgb(70,22,223)
```

Tetradic Color

#78990f
```
#78990f rgb(120,153,15)
```
#8bb111
```
#8bb111 rgb(139,177,17)
```
#9dc814
```
#9dc814 rgb(157,200,20)
```
#afdf16
```
#afdf16 rgb(175,223,22)
```
#bbe925
```
#bbe925 rgb(187,233,37)
```
#c2ec3c
```
#c2ec3c rgb(194,236,60)
```
#c9ee53
```
#c9ee53 rgb(201,238,83)
```

Monochromatic Color

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

#dfdd16
```
#dfdd16 rgb(223,221,22)
```
#d1df16
```
#d1df16 rgb(209,223,22)
```
#c0df16
```
#c0df16 rgb(192,223,22)
```
#afdf16
```
#afdf16 rgb(175,223,22)
```
#9edf16
```
#9edf16 rgb(158,223,22)
```
#8edf16
```
#8edf16 rgb(142,223,22)
```
#7ddf16
```
#7ddf16 rgb(125,223,22)
```

Similar Colors

Text with hexadecimal color #afdf16

This text has a font color of #afdf16.

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

#afdf16 background color

This paragraph has a background color of #afdf16.

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

#afdf16 border color

This element has a border color of #afdf16.

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

CSS codes

.text {color:#afdf16;}

.background {background-color:#afdf16;}

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

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

#070901
```
#070901 rgb(7,9,1)
```
#151b03
```
#151b03 rgb(21,27,3)
```
#232c04
```
#232c04 rgb(35,44,4)
```
#313e06
```
#313e06 rgb(49,62,6)
```
#3f5008
```
#3f5008 rgb(63,80,8)
```
#4d620a
```
#4d620a rgb(77,98,10)
```
#5b740b
```
#5b740b rgb(91,116,11)
```
#69860d
```
#69860d rgb(105,134,13)
```
#77980f
```
#77980f rgb(119,152,15)
```
#85a911
```
#85a911 rgb(133,169,17)
```
#93bb12
```
#93bb12 rgb(147,187,18)
```
#a1cd14
```
#a1cd14 rgb(161,205,20)
```
#afdf16
```
#afdf16 rgb(175,223,22)
```

Shade Color Variation

#b9e920
```
#b9e920 rgb(185,233,32)
```
#beeb32
```
#beeb32 rgb(190,235,50)
```
#c4ec43
```
#c4ec43 rgb(196,236,67)
```
#caee55
```
#caee55 rgb(202,238,85)
```
#cff067
```
#cff067 rgb(207,240,103)
```
#d5f279
```
#d5f279 rgb(213,242,121)
```
#dbf48b
```
#dbf48b rgb(219,244,139)
```
#e0f59d
```
#e0f59d rgb(224,245,157)
```
#e6f7ae
```
#e6f7ae rgb(230,247,174)
```
#ebf9c0
```
#ebf9c0 rgb(235,249,192)
```
#f1fbd2
```
#f1fbd2 rgb(241,251,210)
```
#f7fce4
```
#f7fce4 rgb(247,252,228)
```
#fcfef6
```
#fcfef6 rgb(252,254,246)
```

Tint Color Variation

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

#7e8174
```
#7e8174 rgb(126,129,116)
```
#838a6b
```
#838a6b rgb(131,138,107)
```
#889461
```
#889461 rgb(136,148,97)
```
#8d9d58
```
#8d9d58 rgb(141,157,88)
```
#91a64f
```
#91a64f rgb(145,166,79)
```
#96b045
```
#96b045 rgb(150,176,69)
```
#9bb93c
```
#9bb93c rgb(155,185,60)
```
#a0c332
```
#a0c332 rgb(160,195,50)
```
#a5cc29
```
#a5cc29 rgb(165,204,41)
```
#aad61f
```
#aad61f rgb(170,214,31)
```
#afdf16
```
#afdf16 rgb(175,223,22)
```
#b4e80d
```
#b4e80d rgb(180,232,13)
```
#b9f203
```
#b9f203 rgb(185,242,3)
```

Tone Color Variation

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

Dichromacy

#ead11c Protanopia 1% of men
#ffc85f Deuteranopia 1% of men
#c7d1e0 Tritanopia 0.001% of the population

Trichromacy

#d4d61a Protanomaly 1% of men, 0.01% of women
#e1d044 Deuteranomaly 6% of men, 0.4% of women
#bed697 Tritanomaly 0.01% of the population

#afdf16 hex color

#afdf16 Color Information

#afdf16 Color Conversion

Color Schemes with #afdf16

Alternatives to #afdf16

#afdf16 Preview

Shades and Tints of #afdf16

Tones of #afdf16

Color Blindness Simulator