#afdd5e hex color

In a RGB color space, hex #afdd5e is composed of 68.6% red, 86.7% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 0% magenta, 57.5% yellow and 13.3% black. It has a hue angle of 81.7 degrees, a saturation of 65.1% and a lightness of 61.8%. #afdd5e color hex could be obtained by blending #ffffbc 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

● #afdd5e color description : Soft green.

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

Hex triplet	afdd5e	`#afdd5e`
RGB Decimal	175, 221, 94	`rgb(175,221,94)`
RGB Percent	68.6, 86.7, 36.9	`rgb(68.6%,86.7%,36.9%)`
CMYK	21, 0, 57, 13
HSL	81.7°, 65.1, 61.8	`hsl(81.7,65.1%,61.8%)`
HSV (or HSB)	81.7°, 57.5, 86.7
Web Safe	99cc66	`#99cc66`

CIE-LAB	82.719, -34.217, 56.353
XYZ	45.555, 61.634, 20.086
xyY	0.358, 0.484, 61.634
CIE-LCH	82.719, 65.928, 121.266
CIE-LUV	82.719, -22.563, 75.322
Hunter-Lab	78.507, -33.811, 39.786
Binary	10101111, 11011101, 01011110

#afdd5e
```
#afdd5e rgb(175,221,94)
```
#8c5edd
```
#8c5edd rgb(140,94,221)
```

Complementary Color

#ddcc5e
```
#ddcc5e rgb(221,204,94)
```
#afdd5e
```
#afdd5e rgb(175,221,94)
```
#70dd5e
```
#70dd5e rgb(112,221,94)
```

Analogous Color

#cc5edd
```
#cc5edd rgb(204,94,221)
```
#afdd5e
```
#afdd5e rgb(175,221,94)
```
#5e70dd
```
#5e70dd rgb(94,112,221)
```

Split Complementary Color

#dd5eaf
```
#dd5eaf rgb(221,94,175)
```
#afdd5e
```
#afdd5e rgb(175,221,94)
```
#5eafdd
```
#5eafdd rgb(94,175,221)
```

Triadic Color

#dd8c5e
```
#dd8c5e rgb(221,140,94)
```
#afdd5e
```
#afdd5e rgb(175,221,94)
```
#5eafdd
```
#5eafdd rgb(94,175,221)
```
#8c5edd
```
#8c5edd rgb(140,94,221)
```

Tetradic Color

#8dc52a
```
#8dc52a rgb(141,197,42)
```
#9ad434
```
#9ad434 rgb(154,212,52)
```
#a5d949
```
#a5d949 rgb(165,217,73)
```
#afdd5e
```
#afdd5e rgb(175,221,94)
```
#b9e173
```
#b9e173 rgb(185,225,115)
```
#c4e688
```
#c4e688 rgb(196,230,136)
```
#ceea9d
```
#ceea9d rgb(206,234,157)
```

Monochromatic Color

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

#cfdd5e
```
#cfdd5e rgb(207,221,94)
```
#c4dd5e
```
#c4dd5e rgb(196,221,94)
```
#badd5e
```
#badd5e rgb(186,221,94)
```
#afdd5e
```
#afdd5e rgb(175,221,94)
```
#a4dd5e
```
#a4dd5e rgb(164,221,94)
```
#9add5e
```
#9add5e rgb(154,221,94)
```
#8fdd5e
```
#8fdd5e rgb(143,221,94)
```

Similar Colors

Text with hexadecimal color #afdd5e

This text has a font color of #afdd5e.

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

#afdd5e background color

This paragraph has a background color of #afdd5e.

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

#afdd5e border color

This element has a border color of #afdd5e.

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

CSS codes

.text {color:#afdd5e;}

.background {background-color:#afdd5e;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0c1104
```
#0c1104 rgb(12,17,4)
```
#182107
```
#182107 rgb(24,33,7)
```
#23320a
```
#23320a rgb(35,50,10)
```
#2f420e
```
#2f420e rgb(47,66,14)
```
#3b5211
```
#3b5211 rgb(59,82,17)
```
#466215
```
#466215 rgb(70,98,21)
```
#527218
```
#527218 rgb(82,114,24)
```
#5d831c
```
#5d831c rgb(93,131,28)
```
#69931f
```
#69931f rgb(105,147,31)
```
#74a322
```
#74a322 rgb(116,163,34)
```
#80b326
```
#80b326 rgb(128,179,38)
```
#8bc329
```
#8bc329 rgb(139,195,41)
```

Shade Color Variation

#97d32d
```
#97d32d rgb(151,211,45)
```
#9fd63e
```
#9fd63e rgb(159,214,62)
```
#a7da4e
```
#a7da4e rgb(167,218,78)
```
#afdd5e
```
#afdd5e rgb(175,221,94)
```
#b7e06e
```
#b7e06e rgb(183,224,110)
```
#bfe47e
```
#bfe47e rgb(191,228,126)
```
#c7e78f
```
#c7e78f rgb(199,231,143)
```
#cfeb9f
```
#cfeb9f rgb(207,235,159)
```
#d7eeaf
```
#d7eeaf rgb(215,238,175)
```
#dff2bf
```
#dff2bf rgb(223,242,191)
```
#e7f5cf
```
#e7f5cf rgb(231,245,207)
```
#eff8e0
```
#eff8e0 rgb(239,248,224)
```
#f7fcf0
```
#f7fcf0 rgb(247,252,240)
```

Tint Color Variation

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

#9ea19a
```
#9ea19a rgb(158,161,154)
```
#a1a993
```
#a1a993 rgb(161,169,147)
```
#a3b08b
```
#a3b08b rgb(163,176,139)
```
#a5b884
```
#a5b884 rgb(165,184,132)
```
#a7bf7c
```
#a7bf7c rgb(167,191,124)
```
#a9c775
```
#a9c775 rgb(169,199,117)
```
#abce6d
```
#abce6d rgb(171,206,109)
```
#add666
```
#add666 rgb(173,214,102)
```
#afdd5e
```
#afdd5e rgb(175,221,94)
```
#b1e557
```
#b1e557 rgb(177,229,87)
```
#b3ec4f
```
#b3ec4f rgb(179,236,79)
```
#b5f448
```
#b5f448 rgb(181,244,72)
```
#b7fb40
```
#b7fb40 rgb(183,251,64)
```

Tone Color Variation

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

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

Trichromacy

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

#afdd5e hex color

#afdd5e Color Information

#afdd5e Color Conversion

Color Schemes with #afdd5e

Alternatives to #afdd5e

#afdd5e Preview

Shades and Tints of #afdd5e

Tones of #afdd5e

Color Blindness Simulator