colorhexa.com

#afe031 hex color

In a RGB color space, hex #afe031 is composed of 68.6% red, 87.8% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 21.9% cyan, 0% magenta, 78.1% yellow and 12.2% black. It has a hue angle of 76.8 degrees, a saturation of 73.8% and a lightness of 53.5%. #afe031 color hex could be obtained by blending #ffff62 with #5fc100. Closest websafe color is: #99cc33.

- R 69
- G 88
- B 19
RGB color chart
- C 22
- M 0
- Y 78
- K 12
CMYK color chart

● #afe031 color description : Bright green.

The hexadecimal color #afe031 has RGB values of R:175, G:224, B:49 and CMYK values of C:0.22, M:0, Y:0.78, K:0.12. Its decimal value is 11526193.

Hex triplet	afe031	`#afe031`
RGB Decimal	175, 224, 49	`rgb(175,224,49)`
RGB Percent	68.6, 87.8, 19.2	`rgb(68.6%,87.8%,19.2%)`
CMYK	22, 0, 78, 12
HSL	76.8°, 73.8, 53.5	`hsl(76.8,73.8%,53.5%)`
HSV (or HSB)	76.8°, 78.1, 87.8
Web Safe	99cc33	`#99cc33`

CIE-LAB	83.256, -38.451, 73.585
XYZ	44.889, 62.646, 12.633
xyY	0.374, 0.521, 62.646
CIE-LCH	83.256, 83.026, 117.589
CIE-LUV	83.256, -24.064, 89.924
Hunter-Lab	79.149, -37.277, 45.942
Binary	10101111, 11100000, 00110001

#afe031
```
#afe031 rgb(175,224,49)
```
#6231e0
```
#6231e0 rgb(98,49,224)
```

Complementary Color

#e0ba31
```
#e0ba31 rgb(224,186,49)
```
#afe031
```
#afe031 rgb(175,224,49)
```
#58e031
```
#58e031 rgb(88,224,49)
```

Analogous Color

#ba31e0
```
#ba31e0 rgb(186,49,224)
```
#afe031
```
#afe031 rgb(175,224,49)
```
#3158e0
```
#3158e0 rgb(49,88,224)
```

Split Complementary Color

#e031af
```
#e031af rgb(224,49,175)
```
#afe031
```
#afe031 rgb(175,224,49)
```
#31afe0
```
#31afe0 rgb(49,175,224)
```

Triadic Color

#e06231
```
#e06231 rgb(224,98,49)
```
#afe031
```
#afe031 rgb(175,224,49)
```
#31afe0
```
#31afe0 rgb(49,175,224)
```
#6231e0
```
#6231e0 rgb(98,49,224)
```

Tetradic Color

#82ab1a
```
#82ab1a rgb(130,171,26)
```
#93c11d
```
#93c11d rgb(147,193,29)
```
#a4d720
```
#a4d720 rgb(164,215,32)
```
#afe031
```
#afe031 rgb(175,224,49)
```
#b8e347
```
#b8e347 rgb(184,227,71)
```
#c0e75d
```
#c0e75d rgb(192,231,93)
```
#c9ea73
```
#c9ea73 rgb(201,234,115)
```

Monochromatic Color

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

#dbe031
```
#dbe031 rgb(219,224,49)
```
#cce031
```
#cce031 rgb(204,224,49)
```
#bee031
```
#bee031 rgb(190,224,49)
```
#afe031
```
#afe031 rgb(175,224,49)
```
#a0e031
```
#a0e031 rgb(160,224,49)
```
#92e031
```
#92e031 rgb(146,224,49)
```
#83e031
```
#83e031 rgb(131,224,49)
```

Similar Colors

Text with hexadecimal color #afe031

This text has a font color of #afe031.

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

#afe031 background color

This paragraph has a background color of #afe031.

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

#afe031 border color

This element has a border color of #afe031.

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

CSS codes

.text {color:#afe031;}

.background {background-color:#afe031;}

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

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, #0c1002 is the darkest color, while #fefffe is the lightest one.

#0c1002
```
#0c1002 rgb(12,16,2)
```
#192105
```
#192105 rgb(25,33,5)
```
#263207
```
#263207 rgb(38,50,7)
```
#33430a
```
#33430a rgb(51,67,10)
```
#40540d
```
#40540d rgb(64,84,13)
```
#4d650f
```
#4d650f rgb(77,101,15)
```
#5a7612
```
#5a7612 rgb(90,118,18)
```
#678714
```
#678714 rgb(103,135,20)
```
#749817
```
#749817 rgb(116,152,23)
```
#81a919
```
#81a919 rgb(129,169,25)
```
#8eba1c
```
#8eba1c rgb(142,186,28)
```
#9bcb1f
```
#9bcb1f rgb(155,203,31)
```
#a8dc21
```
#a8dc21 rgb(168,220,33)
```

Shade Color Variation

#afe031
```
#afe031 rgb(175,224,49)
```
#b6e342
```
#b6e342 rgb(182,227,66)
```
#bce553
```
#bce553 rgb(188,229,83)
```
#c3e864
```
#c3e864 rgb(195,232,100)
```
#c9ea75
```
#c9ea75 rgb(201,234,117)
```
#d0ed86
```
#d0ed86 rgb(208,237,134)
```
#d7ef97
```
#d7ef97 rgb(215,239,151)
```
#ddf2a8
```
#ddf2a8 rgb(221,242,168)
```
#e4f5b9
```
#e4f5b9 rgb(228,245,185)
```
#ebf7ca
```
#ebf7ca rgb(235,247,202)
```
#f1fadb
```
#f1fadb rgb(241,250,219)
```
#f8fced
```
#f8fced rgb(248,252,237)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#8b8e83
```
#8b8e83 rgb(139,142,131)
```
#8f977a
```
#8f977a rgb(143,151,122)
```
#93a071
```
#93a071 rgb(147,160,113)
```
#97a968
```
#97a968 rgb(151,169,104)
```
#9bb25f
```
#9bb25f rgb(155,178,95)
```
#9fbc55
```
#9fbc55 rgb(159,188,85)
```
#a3c54c
```
#a3c54c rgb(163,197,76)
```
#a7ce43
```
#a7ce43 rgb(167,206,67)
```
#abd73a
```
#abd73a rgb(171,215,58)
```
#afe031
```
#afe031 rgb(175,224,49)
```
#b3e928
```
#b3e928 rgb(179,233,40)
```
#b7f21f
```
#b7f21f rgb(183,242,31)
```
#bbfb16
```
#bbfb16 rgb(187,251,22)
```

Tone Color Variation

Below, you can see how #afe031 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
#bac4a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead237 Protanopia 1% of men
#ffc969 Deuteranopia 1% of men
#c7d3e2 Tritanopia 0.001% of the population

Trichromacy

#d5d735 Protanomaly 1% of men, 0.01% of women
#e1d154 Deuteranomaly 6% of men, 0.4% of women
#bed7a1 Tritanomaly 0.01% of the population