#afde18 hex color

In a RGB color space, hex #afde18 is composed of 68.6% red, 87.1% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 21.2% cyan, 0% magenta, 89.2% yellow and 12.9% black. It has a hue angle of 74.2 degrees, a saturation of 80.5% and a lightness of 48.2%. #afde18 color hex could be obtained by blending #ffff30 with #5fbd00. Closest websafe color is: #99cc00.

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

● #afde18 color description : Vivid yellow.

The hexadecimal color #afde18 has RGB values of R:175, G:222, B:24 and CMYK values of C:0.21, M:0, Y:0.89, K:0.13. Its decimal value is 11525656.

Hex triplet	afde18	`#afde18`
RGB Decimal	175, 222, 24	`rgb(175,222,24)`
RGB Percent	68.6, 87.1, 9.4	`rgb(68.6%,87.1%,9.4%)`
CMYK	21, 0, 89, 13
HSL	74.2°, 80.5, 48.2	`hsl(74.2,80.5%,48.2%)`
HSV (or HSB)	74.2°, 89.2, 87.1
Web Safe	99cc00	`#99cc00`

CIE-LAB	82.605, -38.335, 78.576
XYZ	43.965, 61.422, 10.403
xyY	0.38, 0.53, 61.422
CIE-LCH	82.605, 87.428, 116.007
CIE-LUV	82.605, -22.941, 92.782
Hunter-Lab	78.372, -37.017, 46.99
Binary	10101111, 11011110, 00011000

#afde18
```
#afde18 rgb(175,222,24)
```
#4718de
```
#4718de rgb(71,24,222)
```

Complementary Color

#deaa18
```
#deaa18 rgb(222,170,24)
```
#afde18
```
#afde18 rgb(175,222,24)
```
#4cde18
```
#4cde18 rgb(76,222,24)
```

Analogous Color

#aa18de
```
#aa18de rgb(170,24,222)
```
#afde18
```
#afde18 rgb(175,222,24)
```
#184cde
```
#184cde rgb(24,76,222)
```

Split Complementary Color

#de18af
```
#de18af rgb(222,24,175)
```
#afde18
```
#afde18 rgb(175,222,24)
```
#18afde
```
#18afde rgb(24,175,222)
```

Triadic Color

#de4718
```
#de4718 rgb(222,71,24)
```
#afde18
```
#afde18 rgb(175,222,24)
```
#18afde
```
#18afde rgb(24,175,222)
```
#4718de
```
#4718de rgb(71,24,222)
```

Tetradic Color

#799911
```
#799911 rgb(121,153,17)
```
#8bb013
```
#8bb013 rgb(139,176,19)
```
#9dc716
```
#9dc716 rgb(157,199,22)
```
#afde18
```
#afde18 rgb(175,222,24)
```
#bae828
```
#bae828 rgb(186,232,40)
```
#c2ea3f
```
#c2ea3f rgb(194,234,63)
```
#c9ed56
```
#c9ed56 rgb(201,237,86)
```

Monochromatic Color

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

#dedc18
```
#dedc18 rgb(222,220,24)
```
#d0de18
```
#d0de18 rgb(208,222,24)
```
#c0de18
```
#c0de18 rgb(192,222,24)
```
#afde18
```
#afde18 rgb(175,222,24)
```
#9fde18
```
#9fde18 rgb(159,222,24)
```
#8ede18
```
#8ede18 rgb(142,222,24)
```
#7ede18
```
#7ede18 rgb(126,222,24)
```

Similar Colors

Text with hexadecimal color #afde18

This text has a font color of #afde18.

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

#afde18 background color

This paragraph has a background color of #afde18.

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

#afde18 border color

This element has a border color of #afde18.

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

CSS codes

.text {color:#afde18;}

.background {background-color:#afde18;}

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

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 #fcfef7 is the lightest one.

#080a01
```
#080a01 rgb(8,10,1)
```
#161b03
```
#161b03 rgb(22,27,3)
```
#232d05
```
#232d05 rgb(35,45,5)
```
#313f07
```
#313f07 rgb(49,63,7)
```
#3f5009
```
#3f5009 rgb(63,80,9)
```
#4d620b
```
#4d620b rgb(77,98,11)
```
#5b740d
```
#5b740d rgb(91,116,13)
```
#69850e
```
#69850e rgb(105,133,14)
```
#779710
```
#779710 rgb(119,151,16)
```
#85a912
```
#85a912 rgb(133,169,18)
```
#93bb14
```
#93bb14 rgb(147,187,20)
```
#a1cc16
```
#a1cc16 rgb(161,204,22)
```
#afde18
```
#afde18 rgb(175,222,24)
```

Shade Color Variation

#b8e722
```
#b8e722 rgb(184,231,34)
```
#bee934
```
#bee934 rgb(190,233,52)
```
#c4eb46
```
#c4eb46 rgb(196,235,70)
```
#c9ed58
```
#c9ed58 rgb(201,237,88)
```
#cfef69
```
#cfef69 rgb(207,239,105)
```
#d5f17b
```
#d5f17b rgb(213,241,123)
```
#daf38d
```
#daf38d rgb(218,243,141)
```
#e0f59e
```
#e0f59e rgb(224,245,158)
```
#e6f6b0
```
#e6f6b0 rgb(230,246,176)
```
#ebf8c2
```
#ebf8c2 rgb(235,248,194)
```
#f1fad3
```
#f1fad3 rgb(241,250,211)
```
#f7fce5
```
#f7fce5 rgb(247,252,229)
```
#fcfef7
```
#fcfef7 rgb(252,254,247)
```

Tint Color Variation

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

#7d7f77
```
#7d7f77 rgb(125,127,119)
```
#82896d
```
#82896d rgb(130,137,109)
```
#879264
```
#879264 rgb(135,146,100)
```
#8c9c5a
```
#8c9c5a rgb(140,156,90)
```
#91a551
```
#91a551 rgb(145,165,81)
```
#96af47
```
#96af47 rgb(150,175,71)
```
#9bb83e
```
#9bb83e rgb(155,184,62)
```
#a0c234
```
#a0c234 rgb(160,194,52)
```
#a5cb2b
```
#a5cb2b rgb(165,203,43)
```
#aad521
```
#aad521 rgb(170,213,33)
```
#afde18
```
#afde18 rgb(175,222,24)
```
#b4e70f
```
#b4e70f rgb(180,231,15)
```
#b9f105
```
#b9f105 rgb(185,241,5)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#b7c099 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d01e Protanopia 1% of men
#ffc75a Deuteranopia 1% of men
#c7d0df Tritanopia 0.001% of the population

Trichromacy

#d4d51c Protanomaly 1% of men, 0.01% of women
#e1cf42 Deuteranomaly 6% of men, 0.4% of women
#bed597 Tritanomaly 0.01% of the population

#afde18 hex color

#afde18 Color Information

#afde18 Color Conversion

Color Schemes with #afde18

Alternatives to #afde18

#afde18 Preview

Shades and Tints of #afde18

Tones of #afde18

Color Blindness Simulator