#afdf18 hex color

In a RGB color space, hex #afdf18 is composed of 68.6% red, 87.5% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 21.5% cyan, 0% magenta, 89.2% yellow and 12.5% black. It has a hue angle of 74.5 degrees, a saturation of 80.6% and a lightness of 48.4%. #afdf18 color hex could be obtained by blending #ffff30 with #5fbf00. Closest websafe color is: #99cc00.

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

● #afdf18 color description : Vivid yellow.

The hexadecimal color #afdf18 has RGB values of R:175, G:223, B:24 and CMYK values of C:0.22, M:0, Y:0.89, K:0.13. Its decimal value is 11525912.

Hex triplet	afdf18	`#afdf18`
RGB Decimal	175, 223, 24	`rgb(175,223,24)`
RGB Percent	68.6, 87.5, 9.4	`rgb(68.6%,87.5%,9.4%)`
CMYK	22, 0, 89, 13
HSL	74.5°, 80.6, 48.4	`hsl(74.5,80.6%,48.4%)`
HSV (or HSB)	74.5°, 89.2, 87.5
Web Safe	99cc00	`#99cc00`

CIE-LAB	82.889, -38.781, 78.806
XYZ	44.231, 61.955, 10.492
xyY	0.379, 0.531, 61.955
CIE-LCH	82.889, 87.832, 116.202
CIE-LUV	82.889, -23.491, 93.172
Hunter-Lab	78.711, -37.438, 47.194
Binary	10101111, 11011111, 00011000

#afdf18
```
#afdf18 rgb(175,223,24)
```
#4818df
```
#4818df rgb(72,24,223)
```

Complementary Color

#dfac18
```
#dfac18 rgb(223,172,24)
```
#afdf18
```
#afdf18 rgb(175,223,24)
```
#4cdf18
```
#4cdf18 rgb(76,223,24)
```

Analogous Color

#ac18df
```
#ac18df rgb(172,24,223)
```
#afdf18
```
#afdf18 rgb(175,223,24)
```
#184cdf
```
#184cdf rgb(24,76,223)
```

Split Complementary Color

#df18af
```
#df18af rgb(223,24,175)
```
#afdf18
```
#afdf18 rgb(175,223,24)
```
#18afdf
```
#18afdf rgb(24,175,223)
```

Triadic Color

#df4818
```
#df4818 rgb(223,72,24)
```
#afdf18
```
#afdf18 rgb(175,223,24)
```
#18afdf
```
#18afdf rgb(24,175,223)
```
#4818df
```
#4818df rgb(72,24,223)
```

Tetradic Color

#799a11
```
#799a11 rgb(121,154,17)
```
#8bb113
```
#8bb113 rgb(139,177,19)
```
#9dc816
```
#9dc816 rgb(157,200,22)
```
#afdf18
```
#afdf18 rgb(175,223,24)
```
#bae829
```
#bae829 rgb(186,232,41)
```
#c1ea40
```
#c1ea40 rgb(193,234,64)
```
#c9ed57
```
#c9ed57 rgb(201,237,87)
```

Monochromatic Color

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

#dfdd18
```
#dfdd18 rgb(223,221,24)
```
#d0df18
```
#d0df18 rgb(208,223,24)
```
#c0df18
```
#c0df18 rgb(192,223,24)
```
#afdf18
```
#afdf18 rgb(175,223,24)
```
#9edf18
```
#9edf18 rgb(158,223,24)
```
#8edf18
```
#8edf18 rgb(142,223,24)
```
#7ddf18
```
#7ddf18 rgb(125,223,24)
```

Similar Colors

Text with hexadecimal color #afdf18

This text has a font color of #afdf18.

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

#afdf18 background color

This paragraph has a background color of #afdf18.

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

#afdf18 border color

This element has a border color of #afdf18.

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

CSS codes

.text {color:#afdf18;}

.background {background-color:#afdf18;}

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

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, #080a01 is the darkest color, while #fdfef8 is the lightest one.

#080a01
```
#080a01 rgb(8,10,1)
```
#161c03
```
#161c03 rgb(22,28,3)
```
#242e05
```
#242e05 rgb(36,46,5)
```
#324007
```
#324007 rgb(50,64,7)
```
#405109
```
#405109 rgb(64,81,9)
```
#4e630b
```
#4e630b rgb(78,99,11)
```
#5c750d
```
#5c750d rgb(92,117,13)
```
#6a860e
```
#6a860e rgb(106,134,14)
```
#779810
```
#779810 rgb(119,152,16)
```
#85aa12
```
#85aa12 rgb(133,170,18)
```
#93bc14
```
#93bc14 rgb(147,188,20)
```
#a1cd16
```
#a1cd16 rgb(161,205,22)
```
#afdf18
```
#afdf18 rgb(175,223,24)
```

Shade Color Variation

#b8e723
```
#b8e723 rgb(184,231,35)
```
#bee935
```
#bee935 rgb(190,233,53)
```
#c3eb47
```
#c3eb47 rgb(195,235,71)
```
#c9ed58
```
#c9ed58 rgb(201,237,88)
```
#cfef6a
```
#cfef6a rgb(207,239,106)
```
#d5f17c
```
#d5f17c rgb(213,241,124)
```
#daf38e
```
#daf38e rgb(218,243,142)
```
#e0f59f
```
#e0f59f rgb(224,245,159)
```
#e6f7b1
```
#e6f7b1 rgb(230,247,177)
```
#ecf9c3
```
#ecf9c3 rgb(236,249,195)
```
#f1fad4
```
#f1fad4 rgb(241,250,212)
```
#f7fce6
```
#f7fce6 rgb(247,252,230)
```
#fdfef8
```
#fdfef8 rgb(253,254,248)
```

Tint Color Variation

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

#7e8077
```
#7e8077 rgb(126,128,119)
```
#838a6e
```
#838a6e rgb(131,138,110)
```
#889364
```
#889364 rgb(136,147,100)
```
#8d9d5b
```
#8d9d5b rgb(141,157,91)
```
#91a651
```
#91a651 rgb(145,166,81)
```
#96b048
```
#96b048 rgb(150,176,72)
```
#9bb93e
```
#9bb93e rgb(155,185,62)
```
#a0c335
```
#a0c335 rgb(160,195,53)
```
#a5cc2b
```
#a5cc2b rgb(165,204,43)
```
#aad622
```
#aad622 rgb(170,214,34)
```
#afdf18
```
#afdf18 rgb(175,223,24)
```
#b4e90f
```
#b4e90f rgb(180,233,15)
```
#b9f205
```
#b9f205 rgb(185,242,5)
```

Tone Color Variation

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

Dichromacy

#ead11e Protanopia 1% of men
#ffc860 Deuteranopia 1% of men
#c7d1e0 Tritanopia 0.001% of the population

Trichromacy

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

#afdf18 hex color

#afdf18 Color Information

#afdf18 Color Conversion

Color Schemes with #afdf18

Alternatives to #afdf18

#afdf18 Preview

Shades and Tints of #afdf18

Tones of #afdf18

Color Blindness Simulator