#afde99 hex color

In a RGB color space, hex #afde99 is composed of 68.6% red, 87.1% green and 60% blue. Whereas in a CMYK color space, it is composed of 21.2% cyan, 0% magenta, 31.1% yellow and 12.9% black. It has a hue angle of 100.9 degrees, a saturation of 51.1% and a lightness of 73.5%. #afde99 color hex could be obtained by blending #ffffff with #5fbd33. Closest websafe color is: #99cc99.

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

● #afde99 color description : Very soft green.

The hexadecimal color #afde99 has RGB values of R:175, G:222, B:153 and CMYK values of C:0.21, M:0, Y:0.31, K:0.13. Its decimal value is 11525785.

Hex triplet	afde99	`#afde99`
RGB Decimal	175, 222, 153	`rgb(175,222,153)`
RGB Percent	68.6, 87.1, 60	`rgb(68.6%,87.1%,60%)`
CMYK	21, 0, 31, 13
HSL	100.9°, 51.1, 73.5	`hsl(100.9,51.1%,73.5%)`
HSV (or HSB)	100.9°, 31.1, 87.1
Web Safe	99cc99	`#99cc99`

CIE-LAB	83.786, -27.703, 29.031
XYZ	49.549, 63.655, 39.811
xyY	0.324, 0.416, 63.655
CIE-LCH	83.786, 40.128, 133.66
CIE-LUV	83.786, -23.397, 45.142
Hunter-Lab	79.784, -28.768, 26.264
Binary	10101111, 11011110, 10011001

#afde99
```
#afde99 rgb(175,222,153)
```
#c899de
```
#c899de rgb(200,153,222)
```

Complementary Color

#d2de99
```
#d2de99 rgb(210,222,153)
```
#afde99
```
#afde99 rgb(175,222,153)
```
#99dea6
```
#99dea6 rgb(153,222,166)
```

Analogous Color

#de99d2
```
#de99d2 rgb(222,153,210)
```
#afde99
```
#afde99 rgb(175,222,153)
```
#a699de
```
#a699de rgb(166,153,222)
```

Split Complementary Color

#de99af
```
#de99af rgb(222,153,175)
```
#afde99
```
#afde99 rgb(175,222,153)
```
#99afde
```
#99afde rgb(153,175,222)
```

Triadic Color

#dec899
```
#dec899 rgb(222,200,153)
```
#afde99
```
#afde99 rgb(175,222,153)
```
#99afde
```
#99afde rgb(153,175,222)
```
#c899de
```
#c899de rgb(200,153,222)
```

Tetradic Color

#82cb5f
```
#82cb5f rgb(130,203,95)
```
#91d272
```
#91d272 rgb(145,210,114)
```
#a0d886
```
#a0d886 rgb(160,216,134)
```
#afde99
```
#afde99 rgb(175,222,153)
```
#bee4ac
```
#bee4ac rgb(190,228,172)
```
#cdeac0
```
#cdeac0 rgb(205,234,192)
```
#dcf1d3
```
#dcf1d3 rgb(220,241,211)
```

Monochromatic Color

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

#c0de99
```
#c0de99 rgb(192,222,153)
```
#bbde99
```
#bbde99 rgb(187,222,153)
```
#b5de99
```
#b5de99 rgb(181,222,153)
```
#afde99
```
#afde99 rgb(175,222,153)
```
#a9de99
```
#a9de99 rgb(169,222,153)
```
#a4de99
```
#a4de99 rgb(164,222,153)
```
#9ede99
```
#9ede99 rgb(158,222,153)
```

Similar Colors

Text with hexadecimal color #afde99

This text has a font color of #afde99.

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

#afde99 background color

This paragraph has a background color of #afde99.

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

#afde99 border color

This element has a border color of #afde99.

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

CSS codes

.text {color:#afde99;}

.background {background-color:#afde99;}

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

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

#010201
```
#010201 rgb(1,2,1)
```
#091105
```
#091105 rgb(9,17,5)
```
#111f0a
```
#111f0a rgb(17,31,10)
```
#192e0f
```
#192e0f rgb(25,46,15)
```
#213d14
```
#213d14 rgb(33,61,20)
```
#294c19
```
#294c19 rgb(41,76,25)
```
#315b1d
```
#315b1d rgb(49,91,29)
```
#396922
```
#396922 rgb(57,105,34)
```
#417827
```
#417827 rgb(65,120,39)
```
#49872c
```
#49872c rgb(73,135,44)
```
#519631
```
#519631 rgb(81,150,49)
```
#59a535
```
#59a535 rgb(89,165,53)
```
#61b43a
```
#61b43a rgb(97,180,58)
```

Shade Color Variation

#69c140
```
#69c140 rgb(105,193,64)
```
#75c64f
```
#75c64f rgb(117,198,79)
```
#81cb5e
```
#81cb5e rgb(129,203,94)
```
#8cd06d
```
#8cd06d rgb(140,208,109)
```
#98d47b
```
#98d47b rgb(152,212,123)
```
#a3d98a
```
#a3d98a rgb(163,217,138)
```
#afde99
```
#afde99 rgb(175,222,153)
```
#bbe3a8
```
#bbe3a8 rgb(187,227,168)
```
#c6e8b7
```
#c6e8b7 rgb(198,232,183)
```
#d2ecc5
```
#d2ecc5 rgb(210,236,197)
```
#ddf1d4
```
#ddf1d4 rgb(221,241,212)
```
#e9f6e3
```
#e9f6e3 rgb(233,246,227)
```
#f5fbf2
```
#f5fbf2 rgb(245,251,242)
```

Tint Color Variation

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

#babfb8
```
#babfb8 rgb(186,191,184)
```
#b8c4b3
```
#b8c4b3 rgb(184,196,179)
```
#b7c9ae
```
#b7c9ae rgb(183,201,174)
```
#b5cea9
```
#b5cea9 rgb(181,206,169)
```
#b3d4a3
```
#b3d4a3 rgb(179,212,163)
```
#b1d99e
```
#b1d99e rgb(177,217,158)
```
#afde99
```
#afde99 rgb(175,222,153)
```
#ade394
```
#ade394 rgb(173,227,148)
```
#abe88f
```
#abe88f rgb(171,232,143)
```
#a9ee89
```
#a9ee89 rgb(169,238,137)
```
#a7f384
```
#a7f384 rgb(167,243,132)
```
#a6f87f
```
#a6f87f rgb(166,248,127)
```
#a4fd7a
```
#a4fd7a rgb(164,253,122)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c3ccbf Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3d399 Protanopia 1% of men
#f6cba4 Deuteranopia 1% of men
#c0d6e5 Tritanopia 0.001% of the population

Trichromacy

#d0d799 Protanomaly 1% of men, 0.01% of women
#dcd2a0 Deuteranomaly 6% of men, 0.4% of women
#bad9c9 Tritanomaly 0.01% of the population

#afde99 hex color

#afde99 Color Information

#afde99 Color Conversion

Color Schemes with #afde99

Alternatives to #afde99

#afde99 Preview

Shades and Tints of #afde99

Tones of #afde99

Color Blindness Simulator