#afe31e hex color

In a RGB color space, hex #afe31e is composed of 68.6% red, 89% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 22.9% cyan, 0% magenta, 86.8% yellow and 11% black. It has a hue angle of 75.8 degrees, a saturation of 77.9% and a lightness of 50.4%. #afe31e color hex could be obtained by blending #ffff3c with #5fc700. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 89
- B 12
RGB color chart
- C 23
- M 0
- Y 87
- K 11
CMYK color chart

● #afe31e color description : Vivid green.

The hexadecimal color #afe31e has RGB values of R:175, G:227, B:30 and CMYK values of C:0.23, M:0, Y:0.87, K:0.11. Its decimal value is 11526942.

Hex triplet	afe31e	`#afe31e`
RGB Decimal	175, 227, 30	`rgb(175,227,30)`
RGB Percent	68.6, 89, 11.8	`rgb(68.6%,89%,11.8%)`
CMYK	23, 0, 87, 11
HSL	75.8°, 77.9, 50.4	`hsl(75.8,77.9%,50.4%)`
HSV (or HSB)	75.8°, 86.8, 89
Web Safe	99cc33	`#99cc33`

CIE-LAB	84.041, -40.415, 78.724
XYZ	45.382, 64.145, 11.219
xyY	0.376, 0.531, 64.145
CIE-LCH	84.041, 88.492, 117.175
CIE-LUV	84.041, -25.671, 94.087
Hunter-Lab	80.091, -39.014, 47.758
Binary	10101111, 11100011, 00011110

#afe31e
```
#afe31e rgb(175,227,30)
```
#521ee3
```
#521ee3 rgb(82,30,227)
```

Complementary Color

#e3b51e
```
#e3b51e rgb(227,181,30)
```
#afe31e
```
#afe31e rgb(175,227,30)
```
#4de31e
```
#4de31e rgb(77,227,30)
```

Analogous Color

#b51ee3
```
#b51ee3 rgb(181,30,227)
```
#afe31e
```
#afe31e rgb(175,227,30)
```
#1e4de3
```
#1e4de3 rgb(30,77,227)
```

Split Complementary Color

#e31eaf
```
#e31eaf rgb(227,30,175)
```
#afe31e
```
#afe31e rgb(175,227,30)
```
#1eafe3
```
#1eafe3 rgb(30,175,227)
```

Triadic Color

#e3521e
```
#e3521e rgb(227,82,30)
```
#afe31e
```
#afe31e rgb(175,227,30)
```
#1eafe3
```
#1eafe3 rgb(30,175,227)
```
#521ee3
```
#521ee3 rgb(82,30,227)
```

Tetradic Color

#7ba114
```
#7ba114 rgb(123,161,20)
```
#8db717
```
#8db717 rgb(141,183,23)
```
#9ece1a
```
#9ece1a rgb(158,206,26)
```
#afe31e
```
#afe31e rgb(175,227,30)
```
#b7e635
```
#b7e635 rgb(183,230,53)
```
#bfe94b
```
#bfe94b rgb(191,233,75)
```
#c7eb62
```
#c7eb62 rgb(199,235,98)
```

Monochromatic Color

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

#e0e31e
```
#e0e31e rgb(224,227,30)
```
#d0e31e
```
#d0e31e rgb(208,227,30)
```
#bfe31e
```
#bfe31e rgb(191,227,30)
```
#afe31e
```
#afe31e rgb(175,227,30)
```
#9fe31e
```
#9fe31e rgb(159,227,30)
```
#8ee31e
```
#8ee31e rgb(142,227,30)
```
#7ee31e
```
#7ee31e rgb(126,227,30)
```

Similar Colors

Text with hexadecimal color #afe31e

This text has a font color of #afe31e.

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

#afe31e background color

This paragraph has a background color of #afe31e.

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

#afe31e border color

This element has a border color of #afe31e.

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

CSS codes

.text {color:#afe31e;}

.background {background-color:#afe31e;}

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

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

#010200
```
#010200 rgb(1,2,0)
```
#0f1302
```
#0f1302 rgb(15,19,2)
```
#1c2505
```
#1c2505 rgb(28,37,5)
```
#2a3607
```
#2a3607 rgb(42,54,7)
```
#374809
```
#374809 rgb(55,72,9)
```
#44590b
```
#44590b rgb(68,89,11)
```
#526a0d
```
#526a0d rgb(82,106,13)
```
#5f7c0f
```
#5f7c0f rgb(95,124,15)
```
#6d8d12
```
#6d8d12 rgb(109,141,18)
```
#7a9f14
```
#7a9f14 rgb(122,159,20)
```
#87b016
```
#87b016 rgb(135,176,22)
```
#95c218
```
#95c218 rgb(149,194,24)
```
#a2d31a
```
#a2d31a rgb(162,211,26)
```

Shade Color Variation

#afe31e
```
#afe31e rgb(175,227,30)
```
#b5e52f
```
#b5e52f rgb(181,229,47)
```
#bbe741
```
#bbe741 rgb(187,231,65)
```
#c2ea52
```
#c2ea52 rgb(194,234,82)
```
#c8ec64
```
#c8ec64 rgb(200,236,100)
```
#ceee75
```
#ceee75 rgb(206,238,117)
```
#d4f087
```
#d4f087 rgb(212,240,135)
```
#daf298
```
#daf298 rgb(218,242,152)
```
#e1f4aa
```
#e1f4aa rgb(225,244,170)
```
#e7f7bb
```
#e7f7bb rgb(231,247,187)
```
#edf9cc
```
#edf9cc rgb(237,249,204)
```
#f3fbde
```
#f3fbde rgb(243,251,222)
```
#f9fdef
```
#f9fdef rgb(249,253,239)
```

Tint Color Variation

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

#81827f
```
#81827f rgb(129,130,127)
```
#868b76
```
#868b76 rgb(134,139,118)
```
#8a956c
```
#8a956c rgb(138,149,108)
```
#8f9f62
```
#8f9f62 rgb(143,159,98)
```
#93a958
```
#93a958 rgb(147,169,88)
```
#98b24f
```
#98b24f rgb(152,178,79)
```
#9dbc45
```
#9dbc45 rgb(157,188,69)
```
#a1c63b
```
#a1c63b rgb(161,198,59)
```
#a6d031
```
#a6d031 rgb(166,208,49)
```
#aad928
```
#aad928 rgb(170,217,40)
```
#afe31e
```
#afe31e rgb(175,227,30)
```
#b4ed14
```
#b4ed14 rgb(180,237,20)
```
#b8f60b
```
#b8f60b rgb(184,246,11)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#bac59d Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd424 Protanopia 1% of men
#ffcb73 Deuteranopia 1% of men
#c8d5e4 Tritanopia 0.001% of the population

Trichromacy

#d6d922 Protanomaly 1% of men, 0.01% of women
#e1d454 Deuteranomaly 6% of men, 0.4% of women
#bfda9c Tritanomaly 0.01% of the population

#afe31e hex color

#afe31e Color Information

#afe31e Color Conversion

Color Schemes with #afe31e

Alternatives to #afe31e

#afe31e Preview

Shades and Tints of #afe31e

Tones of #afe31e

Color Blindness Simulator