#afff18 hex color

In a RGB color space, hex #afff18 is composed of 68.6% red, 100% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 0% magenta, 90.6% yellow and 0% black. It has a hue angle of 80.8 degrees, a saturation of 100% and a lightness of 54.7%. #afff18 color hex could be obtained by blending #ffff30 with #5fff00. Closest websafe color is: #99ff00.

♥
- f
- t
- g
- R 69
- G 100
- B 9
RGB color chart
- C 31
- M 0
- Y 91
- K 0
CMYK color chart

● #afff18 color description : Vivid green.

The hexadecimal color #afff18 has RGB values of R:175, G:255, B:24 and CMYK values of C:0.31, M:0, Y:0.91, K:0. Its decimal value is 11534104.

Hex triplet	afff18	`#afff18`
RGB Decimal	175, 255, 24	`rgb(175,255,24)`
RGB Percent	68.6, 100, 9.4	`rgb(68.6%,100%,9.4%)`
CMYK	31, 0, 91, 0
HSL	80.8°, 100, 54.7	`hsl(80.8,100%,54.7%)`
HSV (or HSB)	80.8°, 90.6, 100
Web Safe	99ff00	`#99ff00`

CIE-LAB	91.997, -52.407, 86.188
XYZ	53.603, 80.698, 13.616
xyY	0.362, 0.546, 80.698
CIE-LCH	91.997, 100.87, 121.302
CIE-LUV	91.997, -40.1, 105.526
Hunter-Lab	89.832, -50.695, 53.896
Binary	10101111, 11111111, 00011000

#afff18
```
#afff18 rgb(175,255,24)
```
#6818ff
```
#6818ff rgb(104,24,255)
```

Complementary Color

#ffdc18
```
#ffdc18 rgb(255,220,24)
```
#afff18
```
#afff18 rgb(175,255,24)
```
#3cff18
```
#3cff18 rgb(60,255,24)
```

Analogous Color

#dc18ff
```
#dc18ff rgb(220,24,255)
```
#afff18
```
#afff18 rgb(175,255,24)
```
#183cff
```
#183cff rgb(24,60,255)
```

Split Complementary Color

#ff18af
```
#ff18af rgb(255,24,175)
```
#afff18
```
#afff18 rgb(175,255,24)
```
#18afff
```
#18afff rgb(24,175,255)
```

Triadic Color

#ff6818
```
#ff6818 rgb(255,104,24)
```
#afff18
```
#afff18 rgb(175,255,24)
```
#18afff
```
#18afff rgb(24,175,255)
```
#6818ff
```
#6818ff rgb(104,24,255)
```

Tetradic Color

#84cb00
```
#84cb00 rgb(132,203,0)
```
#95e400
```
#95e400 rgb(149,228,0)
```
#a6fe00
```
#a6fe00 rgb(166,254,0)
```
#afff18
```
#afff18 rgb(175,255,24)
```
#b8ff32
```
#b8ff32 rgb(184,255,50)
```
#c1ff4b
```
#c1ff4b rgb(193,255,75)
```
#c9ff65
```
#c9ff65 rgb(201,255,101)
```

Monochromatic Color

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

#e9ff18
```
#e9ff18 rgb(233,255,24)
```
#d6ff18
```
#d6ff18 rgb(214,255,24)
```
#c2ff18
```
#c2ff18 rgb(194,255,24)
```
#afff18
```
#afff18 rgb(175,255,24)
```
#9cff18
```
#9cff18 rgb(156,255,24)
```
#89ff18
```
#89ff18 rgb(137,255,24)
```
#75ff18
```
#75ff18 rgb(117,255,24)
```

Similar Colors

Text with hexadecimal color #afff18

This text has a font color of #afff18.

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

#afff18 background color

This paragraph has a background color of #afff18.

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

#afff18 border color

This element has a border color of #afff18.

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

CSS codes

.text {color:#afff18;}

.background {background-color:#afff18;}

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

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

#030400
```
#030400 rgb(3,4,0)
```
#101800
```
#101800 rgb(16,24,0)
```
#1d2c00
```
#1d2c00 rgb(29,44,0)
```
#293f00
```
#293f00 rgb(41,63,0)
```
#365300
```
#365300 rgb(54,83,0)
```
#436600
```
#436600 rgb(67,102,0)
```
#507a00
```
#507a00 rgb(80,122,0)
```
#5d8e00
```
#5d8e00 rgb(93,142,0)
```
#69a100
```
#69a100 rgb(105,161,0)
```
#76b500
```
#76b500 rgb(118,181,0)
```
#83c900
```
#83c900 rgb(131,201,0)
```
#90dc00
```
#90dc00 rgb(144,220,0)
```
#9df000
```
#9df000 rgb(157,240,0)
```

Shade Color Variation

#a8ff04
```
#a8ff04 rgb(168,255,4)
```
#afff18
```
#afff18 rgb(175,255,24)
```
#b6ff2c
```
#b6ff2c rgb(182,255,44)
```
#bdff3f
```
#bdff3f rgb(189,255,63)
```
#c3ff53
```
#c3ff53 rgb(195,255,83)
```
#caff66
```
#caff66 rgb(202,255,102)
```
#d1ff7a
```
#d1ff7a rgb(209,255,122)
```
#d8ff8e
```
#d8ff8e rgb(216,255,142)
```
#dfffa1
```
#dfffa1 rgb(223,255,161)
```
#e5ffb5
```
#e5ffb5 rgb(229,255,181)
```
#ecffc9
```
#ecffc9 rgb(236,255,201)
```
#f3ffdc
```
#f3ffdc rgb(243,255,220)
```
#fafff0
```
#fafff0 rgb(250,255,240)
```

Tint Color Variation

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

#8e9483
```
#8e9483 rgb(142,148,131)
```
#919d7a
```
#919d7a rgb(145,157,122)
```
#94a671
```
#94a671 rgb(148,166,113)
```
#96af68
```
#96af68 rgb(150,175,104)
```
#99b85f
```
#99b85f rgb(153,184,95)
```
#9cc156
```
#9cc156 rgb(156,193,86)
```
#9fca4d
```
#9fca4d rgb(159,202,77)
```
#a1d344
```
#a1d344 rgb(161,211,68)
```
#a4db3c
```
#a4db3c rgb(164,219,60)
```
#a7e433
```
#a7e433 rgb(167,228,51)
```
#aaed2a
```
#aaed2a rgb(170,237,42)
```
#acf621
```
#acf621 rgb(172,246,33)
```
#afff18
```
#afff18 rgb(175,255,24)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#c7d7a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe983 Protanopia 1% of men
#ffe5c5 Deuteranopia 1% of men
#ceeeff Tritanopia 0.001% of the population

Trichromacy

#e1f15c Protanomaly 1% of men, 0.01% of women
#e1ee86 Deuteranomaly 6% of men, 0.4% of women
#c3f4ab Tritanomaly 0.01% of the population

#afff18 hex color

#afff18 Color Information

#afff18 Color Conversion

Color Schemes with #afff18

Alternatives to #afff18

#afff18 Preview

Shades and Tints of #afff18

Tones of #afff18

Color Blindness Simulator