#afdd9e hex color

In a RGB color space, hex #afdd9e is composed of 68.6% red, 86.7% green and 62% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 0% magenta, 28.5% yellow and 13.3% black. It has a hue angle of 103.8 degrees, a saturation of 48.1% and a lightness of 74.3%. #afdd9e color hex could be obtained by blending #ffffff with #5fbb3d. Closest websafe color is: #99cc99.

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

● #afdd9e color description : Very soft green.

The hexadecimal color #afdd9e has RGB values of R:175, G:221, B:158 and CMYK values of C:0.21, M:0, Y:0.29, K:0.13. Its decimal value is 11525534.

Hex triplet	afdd9e	`#afdd9e`
RGB Decimal	175, 221, 158	`rgb(175,221,158)`
RGB Percent	68.6, 86.7, 62	`rgb(68.6%,86.7%,62%)`
CMYK	21, 0, 29, 13
HSL	103.8°, 48.1, 74.3	`hsl(103.8,48.1%,74.3%)`
HSV (or HSB)	103.8°, 28.5, 86.7
Web Safe	99cc99	`#99cc99`

CIE-LAB	83.597, -26.464, 26.195
XYZ	49.705, 63.294, 41.944
xyY	0.321, 0.408, 63.294
CIE-LCH	83.597, 37.236, 135.293
CIE-LUV	83.597, -22.933, 41.34
Hunter-Lab	79.558, -27.704, 24.432
Binary	10101111, 11011101, 10011110

#afdd9e
```
#afdd9e rgb(175,221,158)
```
#cc9edd
```
#cc9edd rgb(204,158,221)
```

Complementary Color

#cfdd9e
```
#cfdd9e rgb(207,221,158)
```
#afdd9e
```
#afdd9e rgb(175,221,158)
```
#9eddad
```
#9eddad rgb(158,221,173)
```

Analogous Color

#dd9ecf
```
#dd9ecf rgb(221,158,207)
```
#afdd9e
```
#afdd9e rgb(175,221,158)
```
#ad9edd
```
#ad9edd rgb(173,158,221)
```

Split Complementary Color

#dd9eaf
```
#dd9eaf rgb(221,158,175)
```
#afdd9e
```
#afdd9e rgb(175,221,158)
```
#9eafdd
```
#9eafdd rgb(158,175,221)
```

Triadic Color

#ddcc9e
```
#ddcc9e rgb(221,204,158)
```
#afdd9e
```
#afdd9e rgb(175,221,158)
```
#9eafdd
```
#9eafdd rgb(158,175,221)
```
#cc9edd
```
#cc9edd rgb(204,158,221)
```

Tetradic Color

#80c965
```
#80c965 rgb(128,201,101)
```
#90d078
```
#90d078 rgb(144,208,120)
```
#9fd68b
```
#9fd68b rgb(159,214,139)
```
#afdd9e
```
#afdd9e rgb(175,221,158)
```
#bfe4b1
```
#bfe4b1 rgb(191,228,177)
```
#ceeac4
```
#ceeac4 rgb(206,234,196)
```
#def1d7
```
#def1d7 rgb(222,241,215)
```

Monochromatic Color

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

#bfdd9e
```
#bfdd9e rgb(191,221,158)
```
#badd9e
```
#badd9e rgb(186,221,158)
```
#b4dd9e
```
#b4dd9e rgb(180,221,158)
```
#afdd9e
```
#afdd9e rgb(175,221,158)
```
#aadd9e
```
#aadd9e rgb(170,221,158)
```
#a5dd9e
```
#a5dd9e rgb(165,221,158)
```
#9fdd9e
```
#9fdd9e rgb(159,221,158)
```

Similar Colors

Text with hexadecimal color #afdd9e

This text has a font color of #afdd9e.

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

#afdd9e background color

This paragraph has a background color of #afdd9e.

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

#afdd9e border color

This element has a border color of #afdd9e.

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

CSS codes

.text {color:#afdd9e;}

.background {background-color:#afdd9e;}

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

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

#020502
```
#020502 rgb(2,5,2)
```
#0a1307
```
#0a1307 rgb(10,19,7)
```
#12220c
```
#12220c rgb(18,34,12)
```
#193011
```
#193011 rgb(25,48,17)
```
#213f16
```
#213f16 rgb(33,63,22)
```
#294d1b
```
#294d1b rgb(41,77,27)
```
#305c20
```
#305c20 rgb(48,92,32)
```
#386a25
```
#386a25 rgb(56,106,37)
```
#40792a
```
#40792a rgb(64,121,42)
```
#47872f
```
#47872f rgb(71,135,47)
```
#4f9635
```
#4f9635 rgb(79,150,53)
```
#56a43a
```
#56a43a rgb(86,164,58)
```
#5eb33f
```
#5eb33f rgb(94,179,63)
```

Shade Color Variation

#67be47
```
#67be47 rgb(103,190,71)
```
#73c455
```
#73c455 rgb(115,196,85)
```
#7fc964
```
#7fc964 rgb(127,201,100)
```
#8bce72
```
#8bce72 rgb(139,206,114)
```
#97d381
```
#97d381 rgb(151,211,129)
```
#a3d88f
```
#a3d88f rgb(163,216,143)
```
#afdd9e
```
#afdd9e rgb(175,221,158)
```
#bbe2ad
```
#bbe2ad rgb(187,226,173)
```
#c7e7bb
```
#c7e7bb rgb(199,231,187)
```
#d3ecca
```
#d3ecca rgb(211,236,202)
```
#dff1d8
```
#dff1d8 rgb(223,241,216)
```
#ebf6e7
```
#ebf6e7 rgb(235,246,231)
```
#f7fcf5
```
#f7fcf5 rgb(247,252,245)
```

Tint Color Variation

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

#bdbfbc
```
#bdbfbc rgb(189,191,188)
```
#bbc4b7
```
#bbc4b7 rgb(187,196,183)
```
#b8c9b2
```
#b8c9b2 rgb(184,201,178)
```
#b6cead
```
#b6cead rgb(182,206,173)
```
#b4d3a8
```
#b4d3a8 rgb(180,211,168)
```
#b1d8a3
```
#b1d8a3 rgb(177,216,163)
```
#afdd9e
```
#afdd9e rgb(175,221,158)
```
#ade299
```
#ade299 rgb(173,226,153)
```
#aae794
```
#aae794 rgb(170,231,148)
```
#a8ec8f
```
#a8ec8f rgb(168,236,143)
```
#a6f18a
```
#a6f18a rgb(166,241,138)
```
#a3f685
```
#a3f685 rgb(163,246,133)
```
#a1fb80
```
#a1fb80 rgb(161,251,128)
```

Tone Color Variation

Below, you can see how #afdd9e 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
#c3ccc0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1d29d Protanopia 1% of men
#f4caa9 Deuteranopia 1% of men
#bfd6e5 Tritanopia 0.001% of the population

Trichromacy

#cfd69d Protanomaly 1% of men, 0.01% of women
#dbd1a5 Deuteranomaly 6% of men, 0.4% of women
#b9d8cb Tritanomaly 0.01% of the population

#afdd9e hex color

#afdd9e Color Information

#afdd9e Color Conversion

Color Schemes with #afdd9e

Alternatives to #afdd9e

#afdd9e Preview

Shades and Tints of #afdd9e

Tones of #afdd9e

Color Blindness Simulator