colorhexa.com

#afe81f hex color

In a RGB color space, hex #afe81f is composed of 68.6% red, 91% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 24.6% cyan, 0% magenta, 86.6% yellow and 9% black. It has a hue angle of 77 degrees, a saturation of 81.4% and a lightness of 51.6%. #afe81f color hex could be obtained by blending #ffff3e with #5fd100. Closest websafe color is: #99ff33.

- R 69
- G 91
- B 12
RGB color chart
- C 25
- M 0
- Y 87
- K 9
CMYK color chart

● #afe81f color description : Vivid green.

The hexadecimal color #afe81f has RGB values of R:175, G:232, B:31 and CMYK values of C:0.25, M:0, Y:0.87, K:0.09. Its decimal value is 11528223.

Hex triplet	afe81f	`#afe81f`
RGB Decimal	175, 232, 31	`rgb(175,232,31)`
RGB Percent	68.6, 91, 12.2	`rgb(68.6%,91%,12.2%)`
CMYK	25, 0, 87, 9
HSL	77°, 81.4, 51.6	`hsl(77,81.4%,51.6%)`
HSV (or HSB)	77°, 86.6, 91
Web Safe	99ff33	`#99ff33`

CIE-LAB	85.466, -42.577, 79.724
XYZ	46.782, 66.925, 11.749
xyY	0.373, 0.533, 66.925
CIE-LCH	85.466, 90.382, 118.105
CIE-LUV	85.466, -28.348, 95.928
Hunter-Lab	81.808, -41.087, 48.75
Binary	10101111, 11101000, 00011111

#afe81f
```
#afe81f rgb(175,232,31)
```
#581fe8
```
#581fe8 rgb(88,31,232)
```

Complementary Color

#e8bd1f
```
#e8bd1f rgb(232,189,31)
```
#afe81f
```
#afe81f rgb(175,232,31)
```
#4be81f
```
#4be81f rgb(75,232,31)
```

Analogous Color

#bd1fe8
```
#bd1fe8 rgb(189,31,232)
```
#afe81f
```
#afe81f rgb(175,232,31)
```
#1f4be8
```
#1f4be8 rgb(31,75,232)
```

Split Complementary Color

#e81faf
```
#e81faf rgb(232,31,175)
```
#afe81f
```
#afe81f rgb(175,232,31)
```
#1fafe8
```
#1fafe8 rgb(31,175,232)
```

Triadic Color

#e8581f
```
#e8581f rgb(232,88,31)
```
#afe81f
```
#afe81f rgb(175,232,31)
```
#1fafe8
```
#1fafe8 rgb(31,175,232)
```
#581fe8
```
#581fe8 rgb(88,31,232)
```

Tetradic Color

#7ea911
```
#7ea911 rgb(126,169,17)
```
#8fc014
```
#8fc014 rgb(143,192,20)
```
#a1d716
```
#a1d716 rgb(161,215,22)
```
#afe81f
```
#afe81f rgb(175,232,31)
```
#b7ea36
```
#b7ea36 rgb(183,234,54)
```
#c0ed4d
```
#c0ed4d rgb(192,237,77)
```
#c8ef64
```
#c8ef64 rgb(200,239,100)
```

Monochromatic Color

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

#e1e81f
```
#e1e81f rgb(225,232,31)
```
#d1e81f
```
#d1e81f rgb(209,232,31)
```
#c0e81f
```
#c0e81f rgb(192,232,31)
```
#afe81f
```
#afe81f rgb(175,232,31)
```
#9ee81f
```
#9ee81f rgb(158,232,31)
```
#8ee81f
```
#8ee81f rgb(142,232,31)
```
#7de81f
```
#7de81f rgb(125,232,31)
```

Similar Colors

Text with hexadecimal color #afe81f

This text has a font color of #afe81f.

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

#afe81f background color

This paragraph has a background color of #afe81f.

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

#afe81f border color

This element has a border color of #afe81f.

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

CSS codes

.text {color:#afe81f;}

.background {background-color:#afe81f;}

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

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

#050701
```
#050701 rgb(5,7,1)
```
#131903
```
#131903 rgb(19,25,3)
```
#202b04
```
#202b04 rgb(32,43,4)
```
#2d3d06
```
#2d3d06 rgb(45,61,6)
```
#3a4e08
```
#3a4e08 rgb(58,78,8)
```
#48600a
```
#48600a rgb(72,96,10)
```
#55720c
```
#55720c rgb(85,114,12)
```
#62840e
```
#62840e rgb(98,132,14)
```
#70960f
```
#70960f rgb(112,150,15)
```
#7da711
```
#7da711 rgb(125,167,17)
```
#8ab913
```
#8ab913 rgb(138,185,19)
```
#97cb15
```
#97cb15 rgb(151,203,21)
```
#a5dd17
```
#a5dd17 rgb(165,221,23)
```

Shade Color Variation

#afe81f
```
#afe81f rgb(175,232,31)
```
#b5ea31
```
#b5ea31 rgb(181,234,49)
```
#bcec43
```
#bcec43 rgb(188,236,67)
```
#c2ed54
```
#c2ed54 rgb(194,237,84)
```
#c8ef66
```
#c8ef66 rgb(200,239,102)
```
#cff178
```
#cff178 rgb(207,241,120)
```
#d5f38a
```
#d5f38a rgb(213,243,138)
```
#dbf59c
```
#dbf59c rgb(219,245,156)
```
#e2f7ad
```
#e2f7ad rgb(226,247,173)
```
#e8f8bf
```
#e8f8bf rgb(232,248,191)
```
#effad1
```
#effad1 rgb(239,250,209)
```
#f5fce3
```
#f5fce3 rgb(245,252,227)
```
#fbfef4
```
#fbfef4 rgb(251,254,244)
```

Tint Color Variation

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

#86897e
```
#86897e rgb(134,137,126)
```
#8a9375
```
#8a9375 rgb(138,147,117)
```
#8e9c6b
```
#8e9c6b rgb(142,156,107)
```
#92a662
```
#92a662 rgb(146,166,98)
```
#96af58
```
#96af58 rgb(150,175,88)
```
#9ab94f
```
#9ab94f rgb(154,185,79)
```
#9fc245
```
#9fc245 rgb(159,194,69)
```
#a3cc3c
```
#a3cc3c rgb(163,204,60)
```
#a7d532
```
#a7d532 rgb(167,213,50)
```
#abdf29
```
#abdf29 rgb(171,223,41)
```
#afe81f
```
#afe81f rgb(175,232,31)
```
#b3f216
```
#b3f216 rgb(179,242,22)
```
#b7fb0c
```
#b7fb0c rgb(183,251,12)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#bdc8a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1d825 Protanopia 1% of men
#ffd086 Deuteranopia 1% of men
#c9d9e9 Tritanopia 0.001% of the population

Trichromacy

#d9dd23 Protanomaly 1% of men, 0.01% of women
#e1d960 Deuteranomaly 6% of men, 0.4% of women
#bfde9f Tritanomaly 0.01% of the population