#afde2f hex color

In a RGB color space, hex #afde2f is composed of 68.6% red, 87.1% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 21.2% cyan, 0% magenta, 78.8% yellow and 12.9% black. It has a hue angle of 76.1 degrees, a saturation of 72.6% and a lightness of 52.7%. #afde2f color hex could be obtained by blending #ffff5e with #5fbd00. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 87
- B 18
RGB color chart
- C 21
- M 0
- Y 79
- K 13
CMYK color chart

● #afde2f color description : Bright green.

The hexadecimal color #afde2f has RGB values of R:175, G:222, B:47 and CMYK values of C:0.21, M:0, Y:0.79, K:0.13. Its decimal value is 11525679.

Hex triplet	afde2f	`#afde2f`
RGB Decimal	175, 222, 47	`rgb(175,222,47)`
RGB Percent	68.6, 87.1, 18.4	`rgb(68.6%,87.1%,18.4%)`
CMYK	21, 0, 79, 13
HSL	76.1°, 72.6, 52.7	`hsl(76.1,72.6%,52.7%)`
HSV (or HSB)	76.1°, 78.8, 87.1
Web Safe	99cc33	`#99cc33`

CIE-LAB	82.679, -37.638, 73.62
XYZ	44.313, 61.561, 12.237
xyY	0.375, 0.521, 61.561
CIE-LCH	82.679, 82.683, 117.078
CIE-LUV	82.679, -22.971, 89.495
Hunter-Lab	78.461, -36.494, 45.675
Binary	10101111, 11011110, 00101111

#afde2f
```
#afde2f rgb(175,222,47)
```
#5e2fde
```
#5e2fde rgb(94,47,222)
```

Complementary Color

#deb62f
```
#deb62f rgb(222,182,47)
```
#afde2f
```
#afde2f rgb(175,222,47)
```
#58de2f
```
#58de2f rgb(88,222,47)
```

Analogous Color

#b62fde
```
#b62fde rgb(182,47,222)
```
#afde2f
```
#afde2f rgb(175,222,47)
```
#2f58de
```
#2f58de rgb(47,88,222)
```

Split Complementary Color

#de2faf
```
#de2faf rgb(222,47,175)
```
#afde2f
```
#afde2f rgb(175,222,47)
```
#2fafde
```
#2fafde rgb(47,175,222)
```

Triadic Color

#de5e2f
```
#de5e2f rgb(222,94,47)
```
#afde2f
```
#afde2f rgb(175,222,47)
```
#2fafde
```
#2fafde rgb(47,175,222)
```
#5e2fde
```
#5e2fde rgb(94,47,222)
```

Tetradic Color

#81a61a
```
#81a61a rgb(129,166,26)
```
#92bc1e
```
#92bc1e rgb(146,188,30)
```
#a3d221
```
#a3d221 rgb(163,210,33)
```
#afde2f
```
#afde2f rgb(175,222,47)
```
#b7e145
```
#b7e145 rgb(183,225,69)
```
#c0e55b
```
#c0e55b rgb(192,229,91)
```
#c8e871
```
#c8e871 rgb(200,232,113)
```

Monochromatic Color

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

#dbde2f
```
#dbde2f rgb(219,222,47)
```
#ccde2f
```
#ccde2f rgb(204,222,47)
```
#bede2f
```
#bede2f rgb(190,222,47)
```
#afde2f
```
#afde2f rgb(175,222,47)
```
#a0de2f
```
#a0de2f rgb(160,222,47)
```
#92de2f
```
#92de2f rgb(146,222,47)
```
#83de2f
```
#83de2f rgb(131,222,47)
```

Similar Colors

Text with hexadecimal color #afde2f

This text has a font color of #afde2f.

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

#afde2f background color

This paragraph has a background color of #afde2f.

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

#afde2f border color

This element has a border color of #afde2f.

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

CSS codes

.text {color:#afde2f;}

.background {background-color:#afde2f;}

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

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, #090c02 is the darkest color, while #fdfefa is the lightest one.

#090c02
```
#090c02 rgb(9,12,2)
```
#161d05
```
#161d05 rgb(22,29,5)
```
#242e07
```
#242e07 rgb(36,46,7)
```
#313f0a
```
#313f0a rgb(49,63,10)
```
#3e500d
```
#3e500d rgb(62,80,13)
```
#4b610f
```
#4b610f rgb(75,97,15)
```
#587212
```
#587212 rgb(88,114,18)
```
#658315
```
#658315 rgb(101,131,21)
```
#729417
```
#729417 rgb(114,148,23)
```
#7fa41a
```
#7fa41a rgb(127,164,26)
```
#8cb51d
```
#8cb51d rgb(140,181,29)
```
#99c61f
```
#99c61f rgb(153,198,31)
```
#a7d722
```
#a7d722 rgb(167,215,34)
```

Shade Color Variation

#afde2f
```
#afde2f rgb(175,222,47)
```
#b6e140
```
#b6e140 rgb(182,225,64)
```
#bce351
```
#bce351 rgb(188,227,81)
```
#c3e662
```
#c3e662 rgb(195,230,98)
```
#c9e973
```
#c9e973 rgb(201,233,115)
```
#d0eb84
```
#d0eb84 rgb(208,235,132)
```
#d6ee95
```
#d6ee95 rgb(214,238,149)
```
#ddf1a6
```
#ddf1a6 rgb(221,241,166)
```
#e3f3b6
```
#e3f3b6 rgb(227,243,182)
```
#eaf6c7
```
#eaf6c7 rgb(234,246,199)
```
#f0f9d8
```
#f0f9d8 rgb(240,249,216)
```
#f7fce9
```
#f7fce9 rgb(247,252,233)
```
#fdfefa
```
#fdfefa rgb(253,254,250)
```

Tint Color Variation

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

#888b82
```
#888b82 rgb(136,139,130)
```
#8d9479
```
#8d9479 rgb(141,148,121)
```
#919d70
```
#919d70 rgb(145,157,112)
```
#95a667
```
#95a667 rgb(149,166,103)
```
#9ab05d
```
#9ab05d rgb(154,176,93)
```
#9eb954
```
#9eb954 rgb(158,185,84)
```
#a2c24b
```
#a2c24b rgb(162,194,75)
```
#a6cb42
```
#a6cb42 rgb(166,203,66)
```
#abd538
```
#abd538 rgb(171,213,56)
```
#afde2f
```
#afde2f rgb(175,222,47)
```
#b3e726
```
#b3e726 rgb(179,231,38)
```
#b8f11c
```
#b8f11c rgb(184,241,28)
```
#bcfa13
```
#bcfa13 rgb(188,250,19)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#b9c3a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d035 Protanopia 1% of men
#ffc75e Deuteranopia 1% of men
#c7d1e0 Tritanopia 0.001% of the population

Trichromacy

#d3d533 Protanomaly 1% of men, 0.01% of women
#e1cf4d Deuteranomaly 6% of men, 0.4% of women
#bed59f Tritanomaly 0.01% of the population

#afde2f hex color

#afde2f Color Information

#afde2f Color Conversion

Color Schemes with #afde2f

Alternatives to #afde2f

#afde2f Preview

Shades and Tints of #afde2f

Tones of #afde2f

Color Blindness Simulator