colorhexa.com

#afe02e hex color

In a RGB color space, hex #afe02e is composed of 68.6% red, 87.8% green and 18% blue. Whereas in a CMYK color space, it is composed of 21.9% cyan, 0% magenta, 79.5% yellow and 12.2% black. It has a hue angle of 76.5 degrees, a saturation of 74.2% and a lightness of 52.9%. #afe02e color hex could be obtained by blending #ffff5c with #5fc100. Closest websafe color is: #99cc33.

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

● #afe02e color description : Bright green.

The hexadecimal color #afe02e has RGB values of R:175, G:224, B:46 and CMYK values of C:0.22, M:0, Y:0.79, K:0.12. Its decimal value is 11526190.

Hex triplet	afe02e	`#afe02e`
RGB Decimal	175, 224, 46	`rgb(175,224,46)`
RGB Percent	68.6, 87.8, 18	`rgb(68.6%,87.8%,18%)`
CMYK	22, 0, 79, 12
HSL	76.5°, 74.2, 52.9	`hsl(76.5,74.2%,52.9%)`
HSV (or HSB)	76.5°, 79.5, 87.8
Web Safe	99cc33	`#99cc33`

CIE-LAB	83.243, -38.573, 74.4
XYZ	44.827, 62.622, 12.31
xyY	0.374, 0.523, 62.622
CIE-LCH	83.243, 83.805, 117.404
CIE-LUV	83.243, -24.06, 90.492
Hunter-Lab	79.134, -37.369, 46.171
Binary	10101111, 11100000, 00101110

#afe02e
```
#afe02e rgb(175,224,46)
```
#5f2ee0
```
#5f2ee0 rgb(95,46,224)
```

Complementary Color

#e0b82e
```
#e0b82e rgb(224,184,46)
```
#afe02e
```
#afe02e rgb(175,224,46)
```
#56e02e
```
#56e02e rgb(86,224,46)
```

Analogous Color

#b82ee0
```
#b82ee0 rgb(184,46,224)
```
#afe02e
```
#afe02e rgb(175,224,46)
```
#2e56e0
```
#2e56e0 rgb(46,86,224)
```

Split Complementary Color

#e02eaf
```
#e02eaf rgb(224,46,175)
```
#afe02e
```
#afe02e rgb(175,224,46)
```
#2eafe0
```
#2eafe0 rgb(46,175,224)
```

Triadic Color

#e05f2e
```
#e05f2e rgb(224,95,46)
```
#afe02e
```
#afe02e rgb(175,224,46)
```
#2eafe0
```
#2eafe0 rgb(46,175,224)
```
#5f2ee0
```
#5f2ee0 rgb(95,46,224)
```

Tetradic Color

#81a919
```
#81a919 rgb(129,169,25)
```
#92bf1c
```
#92bf1c rgb(146,191,28)
```
#a3d520
```
#a3d520 rgb(163,213,32)
```
#afe02e
```
#afe02e rgb(175,224,46)
```
#b8e344
```
#b8e344 rgb(184,227,68)
```
#c0e75a
```
#c0e75a rgb(192,231,90)
```
#c9ea71
```
#c9ea71 rgb(201,234,113)
```

Monochromatic Color

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

#dce02e
```
#dce02e rgb(220,224,46)
```
#cde02e
```
#cde02e rgb(205,224,46)
```
#bee02e
```
#bee02e rgb(190,224,46)
```
#afe02e
```
#afe02e rgb(175,224,46)
```
#a0e02e
```
#a0e02e rgb(160,224,46)
```
#91e02e
```
#91e02e rgb(145,224,46)
```
#83e02e
```
#83e02e rgb(131,224,46)
```

Similar Colors

Text with hexadecimal color #afe02e

This text has a font color of #afe02e.

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

#afe02e background color

This paragraph has a background color of #afe02e.

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

#afe02e border color

This element has a border color of #afe02e.

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

CSS codes

.text {color:#afe02e;}

.background {background-color:#afe02e;}

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

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

#0a0d02
```
#0a0d02 rgb(10,13,2)
```
#171e04
```
#171e04 rgb(23,30,4)
```
#242f07
```
#242f07 rgb(36,47,7)
```
#31400a
```
#31400a rgb(49,64,10)
```
#3e510c
```
#3e510c rgb(62,81,12)
```
#4b620f
```
#4b620f rgb(75,98,15)
```
#587411
```
#587411 rgb(88,116,17)
```
#668514
```
#668514 rgb(102,133,20)
```
#739616
```
#739616 rgb(115,150,22)
```
#80a719
```
#80a719 rgb(128,167,25)
```
#8db81b
```
#8db81b rgb(141,184,27)
```
#9ac91e
```
#9ac91e rgb(154,201,30)
```
#a7da20
```
#a7da20 rgb(167,218,32)
```

Shade Color Variation

#afe02e
```
#afe02e rgb(175,224,46)
```
#b6e33f
```
#b6e33f rgb(182,227,63)
```
#bce550
```
#bce550 rgb(188,229,80)
```
#c3e861
```
#c3e861 rgb(195,232,97)
```
#c9ea72
```
#c9ea72 rgb(201,234,114)
```
#d0ed83
```
#d0ed83 rgb(208,237,131)
```
#d6ef94
```
#d6ef94 rgb(214,239,148)
```
#ddf2a6
```
#ddf2a6 rgb(221,242,166)
```
#e3f4b7
```
#e3f4b7 rgb(227,244,183)
```
#eaf7c8
```
#eaf7c8 rgb(234,247,200)
```
#f0f9d9
```
#f0f9d9 rgb(240,249,217)
```
#f7fcea
```
#f7fcea rgb(247,252,234)
```
#fdfefb
```
#fdfefb rgb(253,254,251)
```

Tint Color Variation

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

#8a8d81
```
#8a8d81 rgb(138,141,129)
```
#8e9678
```
#8e9678 rgb(142,150,120)
```
#929f6f
```
#929f6f rgb(146,159,111)
```
#96a965
```
#96a965 rgb(150,169,101)
```
#9ab25c
```
#9ab25c rgb(154,178,92)
```
#9ebb53
```
#9ebb53 rgb(158,187,83)
```
#a3c44a
```
#a3c44a rgb(163,196,74)
```
#a7ce40
```
#a7ce40 rgb(167,206,64)
```
#abd737
```
#abd737 rgb(171,215,55)
```
#afe02e
```
#afe02e rgb(175,224,46)
```
#b3e925
```
#b3e925 rgb(179,233,37)
```
#b7f21c
```
#b7f21c rgb(183,242,28)
```
#bbfc12
```
#bbfc12 rgb(187,252,18)
```

Tone Color Variation

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

Dichromacy

#ead234 Protanopia 1% of men
#ffc968 Deuteranopia 1% of men
#c7d3e2 Tritanopia 0.001% of the population

Trichromacy

#d5d732 Protanomaly 1% of men, 0.01% of women
#e1d153 Deuteranomaly 6% of men, 0.4% of women
#bed7a0 Tritanomaly 0.01% of the population