#afff2e hex color

In a RGB color space, hex #afff2e is composed of 68.6% red, 100% green and 18% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 0% magenta, 82% yellow and 0% black. It has a hue angle of 83 degrees, a saturation of 100% and a lightness of 59%. #afff2e color hex could be obtained by blending #ffff5c with #5fff00. Closest websafe color is: #99ff33.

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

● #afff2e color description : Vivid green.

The hexadecimal color #afff2e has RGB values of R:175, G:255, B:46 and CMYK values of C:0.31, M:0, Y:0.82, K:0. Its decimal value is 11534126.

Hex triplet	afff2e	`#afff2e`
RGB Decimal	175, 255, 46	`rgb(175,255,46)`
RGB Percent	68.6, 100, 18	`rgb(68.6%,100%,18%)`
CMYK	31, 0, 82, 0
HSL	83°, 100, 59	`hsl(83,100%,59%)`
HSV (or HSB)	83°, 82, 100
Web Safe	99ff33	`#99ff33`

CIE-LAB	92.056, -51.818, 82.224
XYZ	53.931, 80.829, 15.345
xyY	0.359, 0.538, 80.829
CIE-LCH	92.056, 97.19, 122.219
CIE-LUV	92.056, -40.05, 102.873
Hunter-Lab	89.905, -50.258, 52.814
Binary	10101111, 11111111, 00101110

#afff2e
```
#afff2e rgb(175,255,46)
```
#7e2eff
```
#7e2eff rgb(126,46,255)
```

Complementary Color

#ffe72e
```
#ffe72e rgb(255,231,46)
```
#afff2e
```
#afff2e rgb(175,255,46)
```
#47ff2e
```
#47ff2e rgb(71,255,46)
```

Analogous Color

#e72eff
```
#e72eff rgb(231,46,255)
```
#afff2e
```
#afff2e rgb(175,255,46)
```
#2e47ff
```
#2e47ff rgb(46,71,255)
```

Split Complementary Color

#ff2eaf
```
#ff2eaf rgb(255,46,175)
```
#afff2e
```
#afff2e rgb(175,255,46)
```
#2eafff
```
#2eafff rgb(46,175,255)
```

Triadic Color

#ff7e2e
```
#ff7e2e rgb(255,126,46)
```
#afff2e
```
#afff2e rgb(175,255,46)
```
#2eafff
```
#2eafff rgb(46,175,255)
```
#7e2eff
```
#7e2eff rgb(126,46,255)
```

Tetradic Color

#8be100
```
#8be100 rgb(139,225,0)
```
#9afa00
```
#9afa00 rgb(154,250,0)
```
#a5ff15
```
#a5ff15 rgb(165,255,21)
```
#afff2e
```
#afff2e rgb(175,255,46)
```
#b9ff48
```
#b9ff48 rgb(185,255,72)
```
#c3ff61
```
#c3ff61 rgb(195,255,97)
```
#ccff7b
```
#ccff7b rgb(204,255,123)
```

Monochromatic Color

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

#e3ff2e
```
#e3ff2e rgb(227,255,46)
```
#d2ff2e
```
#d2ff2e rgb(210,255,46)
```
#c0ff2e
```
#c0ff2e rgb(192,255,46)
```
#afff2e
```
#afff2e rgb(175,255,46)
```
#9eff2e
```
#9eff2e rgb(158,255,46)
```
#8cff2e
```
#8cff2e rgb(140,255,46)
```
#7bff2e
```
#7bff2e rgb(123,255,46)
```

Similar Colors

Text with hexadecimal color #afff2e

This text has a font color of #afff2e.

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

#afff2e background color

This paragraph has a background color of #afff2e.

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

#afff2e border color

This element has a border color of #afff2e.

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

CSS codes

.text {color:#afff2e;}

.background {background-color:#afff2e;}

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

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

#040700
```
#040700 rgb(4,7,0)
```
#101a00
```
#101a00 rgb(16,26,0)
```
#1c2e00
```
#1c2e00 rgb(28,46,0)
```
#284200
```
#284200 rgb(40,66,0)
```
#355500
```
#355500 rgb(53,85,0)
```
#416900
```
#416900 rgb(65,105,0)
```
#4d7c00
```
#4d7c00 rgb(77,124,0)
```
#599000
```
#599000 rgb(89,144,0)
```
#65a400
```
#65a400 rgb(101,164,0)
```
#71b700
```
#71b700 rgb(113,183,0)
```
#7dcb00
```
#7dcb00 rgb(125,203,0)
```
#89df00
```
#89df00 rgb(137,223,0)
```
#95f200
```
#95f200 rgb(149,242,0)
```

Shade Color Variation

#a0ff07
```
#a0ff07 rgb(160,255,7)
```
#a7ff1a
```
#a7ff1a rgb(167,255,26)
```
#afff2e
```
#afff2e rgb(175,255,46)
```
#b7ff42
```
#b7ff42 rgb(183,255,66)
```
#beff55
```
#beff55 rgb(190,255,85)
```
#c6ff69
```
#c6ff69 rgb(198,255,105)
```
#cdff7c
```
#cdff7c rgb(205,255,124)
```
#d5ff90
```
#d5ff90 rgb(213,255,144)
```
#dcffa4
```
#dcffa4 rgb(220,255,164)
```
#e4ffb7
```
#e4ffb7 rgb(228,255,183)
```
#ebffcb
```
#ebffcb rgb(235,255,203)
```
#f3ffdf
```
#f3ffdf rgb(243,255,223)
```
#fafff2
```
#fafff2 rgb(250,255,242)
```

Tint Color Variation

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

#989f8e
```
#989f8e rgb(152,159,142)
```
#9aa786
```
#9aa786 rgb(154,167,134)
```
#9caf7e
```
#9caf7e rgb(156,175,126)
```
#9eb776
```
#9eb776 rgb(158,183,118)
```
#a0bf6e
```
#a0bf6e rgb(160,191,110)
```
#a2c766
```
#a2c766 rgb(162,199,102)
```
#a4cf5e
```
#a4cf5e rgb(164,207,94)
```
#a6d756
```
#a6d756 rgb(166,215,86)
```
#a7df4e
```
#a7df4e rgb(167,223,78)
```
#a9e746
```
#a9e746 rgb(169,231,70)
```
#abef3e
```
#abef3e rgb(171,239,62)
```
#adf736
```
#adf736 rgb(173,247,54)
```
#afff2e
```
#afff2e rgb(175,255,46)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#c9d9af Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe985 Protanopia 1% of men
#ffe5c6 Deuteranopia 1% of men
#ceeeff Tritanopia 0.001% of the population

Trichromacy

#e1f165 Protanomaly 1% of men, 0.01% of women
#e1ee8e Deuteranomaly 6% of men, 0.4% of women
#c3f4b3 Tritanomaly 0.01% of the population

#afff2e hex color

#afff2e Color Information

#afff2e Color Conversion

Color Schemes with #afff2e

Alternatives to #afff2e

#afff2e Preview

Shades and Tints of #afff2e

Tones of #afff2e

Color Blindness Simulator