#afe51f hex color

In a RGB color space, hex #afe51f is composed of 68.6% red, 89.8% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 23.6% cyan, 0% magenta, 86.5% yellow and 10.2% black. It has a hue angle of 76.4 degrees, a saturation of 79.2% and a lightness of 51%. #afe51f color hex could be obtained by blending #ffff3e with #5fcb00. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 90
- B 12
RGB color chart
- C 24
- M 0
- Y 86
- K 10
CMYK color chart

● #afe51f color description : Vivid green.

The hexadecimal color #afe51f has RGB values of R:175, G:229, B:31 and CMYK values of C:0.24, M:0, Y:0.86, K:0.1. Its decimal value is 11527455.

Hex triplet	afe51f	`#afe51f`
RGB Decimal	175, 229, 31	`rgb(175,229,31)`
RGB Percent	68.6, 89.8, 12.2	`rgb(68.6%,89.8%,12.2%)`
CMYK	24, 0, 86, 10
HSL	76.4°, 79.2, 51	`hsl(76.4,79.2%,51%)`
HSV (or HSB)	76.4°, 86.5, 89.8
Web Safe	99cc33	`#99cc33`

CIE-LAB	84.613, -41.268, 79.013
XYZ	45.945, 65.251, 11.47
xyY	0.375, 0.532, 65.251
CIE-LCH	84.613, 89.141, 117.578
CIE-LUV	84.613, -26.748, 94.752
Hunter-Lab	80.778, -39.833, 48.125
Binary	10101111, 11100101, 00011111

#afe51f
```
#afe51f rgb(175,229,31)
```
#551fe5
```
#551fe5 rgb(85,31,229)
```

Complementary Color

#e5b81f
```
#e5b81f rgb(229,184,31)
```
#afe51f
```
#afe51f rgb(175,229,31)
```
#4ce51f
```
#4ce51f rgb(76,229,31)
```

Analogous Color

#b81fe5
```
#b81fe5 rgb(184,31,229)
```
#afe51f
```
#afe51f rgb(175,229,31)
```
#1f4ce5
```
#1f4ce5 rgb(31,76,229)
```

Split Complementary Color

#e51faf
```
#e51faf rgb(229,31,175)
```
#afe51f
```
#afe51f rgb(175,229,31)
```
#1fafe5
```
#1fafe5 rgb(31,175,229)
```

Triadic Color

#e5551f
```
#e5551f rgb(229,85,31)
```
#afe51f
```
#afe51f rgb(175,229,31)
```
#1fafe5
```
#1fafe5 rgb(31,175,229)
```
#551fe5
```
#551fe5 rgb(85,31,229)
```

Tetradic Color

#7da413
```
#7da413 rgb(125,164,19)
```
#8ebb16
```
#8ebb16 rgb(142,187,22)
```
#9fd218
```
#9fd218 rgb(159,210,24)
```
#afe51f
```
#afe51f rgb(175,229,31)
```
#b7e836
```
#b7e836 rgb(183,232,54)
```
#bfea4d
```
#bfea4d rgb(191,234,77)
```
#c7ed64
```
#c7ed64 rgb(199,237,100)
```

Monochromatic Color

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

#e1e51f
```
#e1e51f rgb(225,229,31)
```
#d0e51f
```
#d0e51f rgb(208,229,31)
```
#c0e51f
```
#c0e51f rgb(192,229,31)
```
#afe51f
```
#afe51f rgb(175,229,31)
```
#9fe51f
```
#9fe51f rgb(159,229,31)
```
#8ee51f
```
#8ee51f rgb(142,229,31)
```
#7ee51f
```
#7ee51f rgb(126,229,31)
```

Similar Colors

Text with hexadecimal color #afe51f

This text has a font color of #afe51f.

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

#afe51f background color

This paragraph has a background color of #afe51f.

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

#afe51f border color

This element has a border color of #afe51f.

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

CSS codes

.text {color:#afe51f;}

.background {background-color:#afe51f;}

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

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

#030401
```
#030401 rgb(3,4,1)
```
#111603
```
#111603 rgb(17,22,3)
```
#1e2805
```
#1e2805 rgb(30,40,5)
```
#2b3907
```
#2b3907 rgb(43,57,7)
```
#394b09
```
#394b09 rgb(57,75,9)
```
#465c0b
```
#465c0b rgb(70,92,11)
```
#536e0d
```
#536e0d rgb(83,110,13)
```
#61800f
```
#61800f rgb(97,128,15)
```
#6e9111
```
#6e9111 rgb(110,145,17)
```
#7ba313
```
#7ba313 rgb(123,163,19)
```
#89b415
```
#89b415 rgb(137,180,21)
```
#96c617
```
#96c617 rgb(150,198,23)
```
#a3d719
```
#a3d719 rgb(163,215,25)
```

Shade Color Variation

#afe51f
```
#afe51f rgb(175,229,31)
```
#b5e731
```
#b5e731 rgb(181,231,49)
```
#bce942
```
#bce942 rgb(188,233,66)
```
#c2eb54
```
#c2eb54 rgb(194,235,84)
```
#c8ed65
```
#c8ed65 rgb(200,237,101)
```
#ceef77
```
#ceef77 rgb(206,239,119)
```
#d5f188
```
#d5f188 rgb(213,241,136)
```
#dbf39a
```
#dbf39a rgb(219,243,154)
```
#e1f5ac
```
#e1f5ac rgb(225,245,172)
```
#e7f7bd
```
#e7f7bd rgb(231,247,189)
```
#eef9cf
```
#eef9cf rgb(238,249,207)
```
#f4fbe0
```
#f4fbe0 rgb(244,251,224)
```
#fafdf2
```
#fafdf2 rgb(250,253,242)
```

Tint Color Variation

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

#83857f
```
#83857f rgb(131,133,127)
```
#888e76
```
#888e76 rgb(136,142,118)
```
#8c986c
```
#8c986c rgb(140,152,108)
```
#90a262
```
#90a262 rgb(144,162,98)
```
#95ab59
```
#95ab59 rgb(149,171,89)
```
#99b54f
```
#99b54f rgb(153,181,79)
```
#9ebf45
```
#9ebf45 rgb(158,191,69)
```
#a2c83c
```
#a2c83c rgb(162,200,60)
```
#a6d232
```
#a6d232 rgb(166,210,50)
```
#abdb29
```
#abdb29 rgb(171,219,41)
```
#afe51f
```
#afe51f rgb(175,229,31)
```
#b3ef15
```
#b3ef15 rgb(179,239,21)
```
#b8f80c
```
#b8f80c rgb(184,248,12)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#bbc69e Atypical Achromatopsia 0.001% of the population

Dichromacy

#efd525 Protanopia 1% of men
#ffcd7b Deuteranopia 1% of men
#c8d7e6 Tritanopia 0.001% of the population

Trichromacy

#d7db23 Protanomaly 1% of men, 0.01% of women
#e1d659 Deuteranomaly 6% of men, 0.4% of women
#bfdc9e Tritanomaly 0.01% of the population

#afe51f hex color

#afe51f Color Information

#afe51f Color Conversion

Color Schemes with #afe51f

Alternatives to #afe51f

#afe51f Preview

Shades and Tints of #afe51f

Tones of #afe51f

Color Blindness Simulator