#afdd5f hex color

In a RGB color space, hex #afdd5f is composed of 68.6% red, 86.7% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 0% magenta, 57% yellow and 13.3% black. It has a hue angle of 81.9 degrees, a saturation of 64.9% and a lightness of 62%. #afdd5f color hex could be obtained by blending #ffffbe with #5fbb00. Closest websafe color is: #99cc66.

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

● #afdd5f color description : Soft green.

The hexadecimal color #afdd5f has RGB values of R:175, G:221, B:95 and CMYK values of C:0.21, M:0, Y:0.57, K:0.13. Its decimal value is 11525471.

Hex triplet	afdd5f	`#afdd5f`
RGB Decimal	175, 221, 95	`rgb(175,221,95)`
RGB Percent	68.6, 86.7, 37.3	`rgb(68.6%,86.7%,37.3%)`
CMYK	21, 0, 57, 13
HSL	81.9°, 64.9, 62	`hsl(81.9,64.9%,62%)`
HSV (or HSB)	81.9°, 57, 86.7
Web Safe	99cc66	`#99cc66`

CIE-LAB	82.728, -34.129, 55.922
XYZ	45.6, 61.652, 20.324
xyY	0.357, 0.483, 61.652
CIE-LCH	82.728, 65.514, 121.396
CIE-LUV	82.728, -22.568, 74.923
Hunter-Lab	78.519, -33.743, 39.617
Binary	10101111, 11011101, 01011111

#afdd5f
```
#afdd5f rgb(175,221,95)
```
#8d5fdd
```
#8d5fdd rgb(141,95,221)
```

Complementary Color

#ddcc5f
```
#ddcc5f rgb(221,204,95)
```
#afdd5f
```
#afdd5f rgb(175,221,95)
```
#70dd5f
```
#70dd5f rgb(112,221,95)
```

Analogous Color

#cc5fdd
```
#cc5fdd rgb(204,95,221)
```
#afdd5f
```
#afdd5f rgb(175,221,95)
```
#5f70dd
```
#5f70dd rgb(95,112,221)
```

Split Complementary Color

#dd5faf
```
#dd5faf rgb(221,95,175)
```
#afdd5f
```
#afdd5f rgb(175,221,95)
```
#5fafdd
```
#5fafdd rgb(95,175,221)
```

Triadic Color

#dd8d5f
```
#dd8d5f rgb(221,141,95)
```
#afdd5f
```
#afdd5f rgb(175,221,95)
```
#5fafdd
```
#5fafdd rgb(95,175,221)
```
#8d5fdd
```
#8d5fdd rgb(141,95,221)
```

Tetradic Color

#8dc62a
```
#8dc62a rgb(141,198,42)
```
#9ad435
```
#9ad435 rgb(154,212,53)
```
#a4d94a
```
#a4d94a rgb(164,217,74)
```
#afdd5f
```
#afdd5f rgb(175,221,95)
```
#bae174
```
#bae174 rgb(186,225,116)
```
#c4e689
```
#c4e689 rgb(196,230,137)
```
#cfea9e
```
#cfea9e rgb(207,234,158)
```

Monochromatic Color

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

#cfdd5f
```
#cfdd5f rgb(207,221,95)
```
#c4dd5f
```
#c4dd5f rgb(196,221,95)
```
#badd5f
```
#badd5f rgb(186,221,95)
```
#afdd5f
```
#afdd5f rgb(175,221,95)
```
#a5dd5f
```
#a5dd5f rgb(165,221,95)
```
#9add5f
```
#9add5f rgb(154,221,95)
```
#90dd5f
```
#90dd5f rgb(144,221,95)
```

Similar Colors

Text with hexadecimal color #afdd5f

This text has a font color of #afdd5f.

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

#afdd5f background color

This paragraph has a background color of #afdd5f.

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

#afdd5f border color

This element has a border color of #afdd5f.

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

CSS codes

.text {color:#afdd5f;}

.background {background-color:#afdd5f;}

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

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

#010200
```
#010200 rgb(1,2,0)
```
#0d1204
```
#0d1204 rgb(13,18,4)
```
#182207
```
#182207 rgb(24,34,7)
```
#24320b
```
#24320b rgb(36,50,11)
```
#2f420e
```
#2f420e rgb(47,66,14)
```
#3b5312
```
#3b5312 rgb(59,83,18)
```
#466315
```
#466315 rgb(70,99,21)
```
#527318
```
#527318 rgb(82,115,24)
```
#5d831c
```
#5d831c rgb(93,131,28)
```
#69931f
```
#69931f rgb(105,147,31)
```
#75a423
```
#75a423 rgb(117,164,35)
```
#80b426
```
#80b426 rgb(128,180,38)
```
#8cc42a
```
#8cc42a rgb(140,196,42)
```

Shade Color Variation

#97d32e
```
#97d32e rgb(151,211,46)
```
#9fd63f
```
#9fd63f rgb(159,214,63)
```
#a7da4f
```
#a7da4f rgb(167,218,79)
```
#afdd5f
```
#afdd5f rgb(175,221,95)
```
#b7e06f
```
#b7e06f rgb(183,224,111)
```
#bfe47f
```
#bfe47f rgb(191,228,127)
```
#c7e790
```
#c7e790 rgb(199,231,144)
```
#cfeba0
```
#cfeba0 rgb(207,235,160)
```
#d7eeb0
```
#d7eeb0 rgb(215,238,176)
```
#e0f2c0
```
#e0f2c0 rgb(224,242,192)
```
#e8f5d0
```
#e8f5d0 rgb(232,245,208)
```
#f0f9e0
```
#f0f9e0 rgb(240,249,224)
```
#f8fcf1
```
#f8fcf1 rgb(248,252,241)
```

Tint Color Variation

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

#9fa19b
```
#9fa19b rgb(159,161,155)
```
#a1a993
```
#a1a993 rgb(161,169,147)
```
#a3b08c
```
#a3b08c rgb(163,176,140)
```
#a5b884
```
#a5b884 rgb(165,184,132)
```
#a7bf7d
```
#a7bf7d rgb(167,191,125)
```
#a9c775
```
#a9c775 rgb(169,199,117)
```
#abce6e
```
#abce6e rgb(171,206,110)
```
#add666
```
#add666 rgb(173,214,102)
```
#afdd5f
```
#afdd5f rgb(175,221,95)
```
#b1e458
```
#b1e458 rgb(177,228,88)
```
#b3ec50
```
#b3ec50 rgb(179,236,80)
```
#b5f349
```
#b5f349 rgb(181,243,73)
```
#b7fb41
```
#b7fb41 rgb(183,251,65)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#bdc7ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6d063 Protanopia 1% of men
#fec76f Deuteranopia 1% of men
#c5d1e0 Tritanopia 0.001% of the population

Trichromacy

#d2d561 Protanomaly 1% of men, 0.01% of women
#e1cf69 Deuteranomaly 6% of men, 0.4% of women
#bdd5b1 Tritanomaly 0.01% of the population

#afdd5f hex color

#afdd5f Color Information

#afdd5f Color Conversion

Color Schemes with #afdd5f

Alternatives to #afdd5f

#afdd5f Preview

Shades and Tints of #afdd5f

Tones of #afdd5f

Color Blindness Simulator