#afde49 hex color

In a RGB color space, hex #afde49 is composed of 68.6% red, 87.1% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 21.2% cyan, 0% magenta, 67.1% yellow and 12.9% black. It has a hue angle of 78.9 degrees, a saturation of 69.3% and a lightness of 57.8%. #afde49 color hex could be obtained by blending #ffff92 with #5fbd00. Closest websafe color is: #99cc33.

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

● #afde49 color description : Soft green.

The hexadecimal color #afde49 has RGB values of R:175, G:222, B:73 and CMYK values of C:0.21, M:0, Y:0.67, K:0.13. Its decimal value is 11525705.

Hex triplet	afde49	`#afde49`
RGB Decimal	175, 222, 73	`rgb(175,222,73)`
RGB Percent	68.6, 87.1, 28.6	`rgb(68.6%,87.1%,28.6%)`
CMYK	21, 0, 67, 13
HSL	78.9°, 69.3, 57.8	`hsl(78.9,69.3%,57.8%)`
HSV (or HSB)	78.9°, 67.1, 87.1
Web Safe	99cc33	`#99cc33`

CIE-LAB	82.827, -36.272, 65.142
XYZ	45.002, 61.837, 15.868
xyY	0.367, 0.504, 61.837
CIE-LCH	82.827, 74.56, 119.11
CIE-LUV	82.827, -23.029, 83.123
Hunter-Lab	78.636, -35.461, 43.082
Binary	10101111, 11011110, 01001001

#afde49
```
#afde49 rgb(175,222,73)
```
#7849de
```
#7849de rgb(120,73,222)
```

Complementary Color

#dec349
```
#dec349 rgb(222,195,73)
```
#afde49
```
#afde49 rgb(175,222,73)
```
#65de49
```
#65de49 rgb(101,222,73)
```

Analogous Color

#c349de
```
#c349de rgb(195,73,222)
```
#afde49
```
#afde49 rgb(175,222,73)
```
#4965de
```
#4965de rgb(73,101,222)
```

Split Complementary Color

#de49af
```
#de49af rgb(222,73,175)
```
#afde49
```
#afde49 rgb(175,222,73)
```
#49afde
```
#49afde rgb(73,175,222)
```

Triadic Color

#de7849
```
#de7849 rgb(222,120,73)
```
#afde49
```
#afde49 rgb(175,222,73)
```
#49afde
```
#49afde rgb(73,175,222)
```
#7849de
```
#7849de rgb(120,73,222)
```

Tetradic Color

#89b922
```
#89b922 rgb(137,185,34)
```
#99cf25
```
#99cf25 rgb(153,207,37)
```
#a6da33
```
#a6da33 rgb(166,218,51)
```
#afde49
```
#afde49 rgb(175,222,73)
```
#b8e25f
```
#b8e25f rgb(184,226,95)
```
#c2e674
```
#c2e674 rgb(194,230,116)
```
#cbea8a
```
#cbea8a rgb(203,234,138)
```

Monochromatic Color

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

#d4de49
```
#d4de49 rgb(212,222,73)
```
#c8de49
```
#c8de49 rgb(200,222,73)
```
#bbde49
```
#bbde49 rgb(187,222,73)
```
#afde49
```
#afde49 rgb(175,222,73)
```
#a3de49
```
#a3de49 rgb(163,222,73)
```
#96de49
```
#96de49 rgb(150,222,73)
```
#8ade49
```
#8ade49 rgb(138,222,73)
```

Similar Colors

Text with hexadecimal color #afde49

This text has a font color of #afde49.

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

#afde49 background color

This paragraph has a background color of #afde49.

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

#afde49 border color

This element has a border color of #afde49.

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

CSS codes

.text {color:#afde49;}

.background {background-color:#afde49;}

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

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

#000100
```
#000100 rgb(0,1,0)
```
#0d1103
```
#0d1103 rgb(13,17,3)
```
#192206
```
#192206 rgb(25,34,6)
```
#253209
```
#253209 rgb(37,50,9)
```
#32430c
```
#32430c rgb(50,67,12)
```
#3e540f
```
#3e540f rgb(62,84,15)
```
#4a6412
```
#4a6412 rgb(74,100,18)
```
#577515
```
#577515 rgb(87,117,21)
```
#638518
```
#638518 rgb(99,133,24)
```
#6f961b
```
#6f961b rgb(111,150,27)
```
#7ca71e
```
#7ca71e rgb(124,167,30)
```
#88b721
```
#88b721 rgb(136,183,33)
```
#94c824
```
#94c824 rgb(148,200,36)
```

Shade Color Variation

#a0d828
```
#a0d828 rgb(160,216,40)
```
#a8db38
```
#a8db38 rgb(168,219,56)
```
#afde49
```
#afde49 rgb(175,222,73)
```
#b6e15a
```
#b6e15a rgb(182,225,90)
```
#bee46a
```
#bee46a rgb(190,228,106)
```
#c5e77b
```
#c5e77b rgb(197,231,123)
```
#ccea8b
```
#ccea8b rgb(204,234,139)
```
#d3ed9c
```
#d3ed9c rgb(211,237,156)
```
#dbf0ad
```
#dbf0ad rgb(219,240,173)
```
#e2f3bd
```
#e2f3bd rgb(226,243,189)
```
#e9f6ce
```
#e9f6ce rgb(233,246,206)
```
#f1f9de
```
#f1f9de rgb(241,249,222)
```
#f8fcef
```
#f8fcef rgb(248,252,239)
```

Tint Color Variation

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

#949493
```
#949493 rgb(148,148,147)
```
#979c8b
```
#979c8b rgb(151,156,139)
```
#9aa483
```
#9aa483 rgb(154,164,131)
```
#9dac7b
```
#9dac7b rgb(157,172,123)
```
#a0b572
```
#a0b572 rgb(160,181,114)
```
#a3bd6a
```
#a3bd6a rgb(163,189,106)
```
#a6c562
```
#a6c562 rgb(166,197,98)
```
#a9cd5a
```
#a9cd5a rgb(169,205,90)
```
#acd651
```
#acd651 rgb(172,214,81)
```
#afde49
```
#afde49 rgb(175,222,73)
```
#b2e641
```
#b2e641 rgb(178,230,65)
```
#b5ef38
```
#b5ef38 rgb(181,239,56)
```
#b8f730
```
#b8f730 rgb(184,247,48)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bcc5a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8d14e Protanopia 1% of men
#ffc766 Deuteranopia 1% of men
#c6d1e1 Tritanopia 0.001% of the population

Trichromacy

#d3d54c Protanomaly 1% of men, 0.01% of women
#e1cf5b Deuteranomaly 6% of men, 0.4% of women
#bdd6a9 Tritanomaly 0.01% of the population

#afde49 hex color

#afde49 Color Information

#afde49 Color Conversion

Color Schemes with #afde49

Alternatives to #afde49

#afde49 Preview

Shades and Tints of #afde49

Tones of #afde49

Color Blindness Simulator