#afdd9c hex color

In a RGB color space, hex #afdd9c is composed of 68.6% red, 86.7% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 0% magenta, 29.4% yellow and 13.3% black. It has a hue angle of 102.5 degrees, a saturation of 48.9% and a lightness of 73.9%. #afdd9c color hex could be obtained by blending #ffffff with #5fbb39. Closest websafe color is: #99cc99.

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

● #afdd9c color description : Very soft green.

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

Hex triplet	afdd9c	`#afdd9c`
RGB Decimal	175, 221, 156	`rgb(175,221,156)`
RGB Percent	68.6, 86.7, 61.2	`rgb(68.6%,86.7%,61.2%)`
CMYK	21, 0, 29, 13
HSL	102.5°, 48.9, 73.9	`hsl(102.5,48.9%,73.9%)`
HSV (or HSB)	102.5°, 29.4, 86.7
Web Safe	99cc99	`#99cc99`

CIE-LAB	83.561, -26.772, 27.181
XYZ	49.535, 63.226, 41.045
xyY	0.322, 0.411, 63.226
CIE-LCH	83.561, 38.151, 134.565
CIE-LUV	83.561, -22.918, 42.637
Hunter-Lab	79.515, -27.952, 25.055
Binary	10101111, 11011101, 10011100

#afdd9c
```
#afdd9c rgb(175,221,156)
```
#ca9cdd
```
#ca9cdd rgb(202,156,221)
```

Complementary Color

#d0dd9c
```
#d0dd9c rgb(208,221,156)
```
#afdd9c
```
#afdd9c rgb(175,221,156)
```
#9cddaa
```
#9cddaa rgb(156,221,170)
```

Analogous Color

#dd9cd0
```
#dd9cd0 rgb(221,156,208)
```
#afdd9c
```
#afdd9c rgb(175,221,156)
```
#aa9cdd
```
#aa9cdd rgb(170,156,221)
```

Split Complementary Color

#dd9caf
```
#dd9caf rgb(221,156,175)
```
#afdd9c
```
#afdd9c rgb(175,221,156)
```
#9cafdd
```
#9cafdd rgb(156,175,221)
```

Triadic Color

#ddca9c
```
#ddca9c rgb(221,202,156)
```
#afdd9c
```
#afdd9c rgb(175,221,156)
```
#9cafdd
```
#9cafdd rgb(156,175,221)
```
#ca9cdd
```
#ca9cdd rgb(202,156,221)
```

Tetradic Color

#81c963
```
#81c963 rgb(129,201,99)
```
#90d076
```
#90d076 rgb(144,208,118)
```
#a0d689
```
#a0d689 rgb(160,214,137)
```
#afdd9c
```
#afdd9c rgb(175,221,156)
```
#bee4af
```
#bee4af rgb(190,228,175)
```
#ceeac2
```
#ceeac2 rgb(206,234,194)
```
#ddf1d5
```
#ddf1d5 rgb(221,241,213)
```

Monochromatic Color

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

#bfdd9c
```
#bfdd9c rgb(191,221,156)
```
#badd9c
```
#badd9c rgb(186,221,156)
```
#b4dd9c
```
#b4dd9c rgb(180,221,156)
```
#afdd9c
```
#afdd9c rgb(175,221,156)
```
#aadd9c
```
#aadd9c rgb(170,221,156)
```
#a4dd9c
```
#a4dd9c rgb(164,221,156)
```
#9fdd9c
```
#9fdd9c rgb(159,221,156)
```

Similar Colors

Text with hexadecimal color #afdd9c

This text has a font color of #afdd9c.

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

#afdd9c background color

This paragraph has a background color of #afdd9c.

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

#afdd9c border color

This element has a border color of #afdd9c.

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

CSS codes

.text {color:#afdd9c;}

.background {background-color:#afdd9c;}

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

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

#020301
```
#020301 rgb(2,3,1)
```
#0a1206
```
#0a1206 rgb(10,18,6)
```
#11200b
```
#11200b rgb(17,32,11)
```
#192f10
```
#192f10 rgb(25,47,16)
```
#213e15
```
#213e15 rgb(33,62,21)
```
#294c1a
```
#294c1a rgb(41,76,26)
```
#315b1f
```
#315b1f rgb(49,91,31)
```
#386924
```
#386924 rgb(56,105,36)
```
#407829
```
#407829 rgb(64,120,41)
```
#48872e
```
#48872e rgb(72,135,46)
```
#509533
```
#509533 rgb(80,149,51)
```
#58a438
```
#58a438 rgb(88,164,56)
```
#60b23d
```
#60b23d rgb(96,178,61)
```

Shade Color Variation

#68bf44
```
#68bf44 rgb(104,191,68)
```
#74c453
```
#74c453 rgb(116,196,83)
```
#80c962
```
#80c962 rgb(128,201,98)
```
#8cce70
```
#8cce70 rgb(140,206,112)
```
#97d37f
```
#97d37f rgb(151,211,127)
```
#a3d88d
```
#a3d88d rgb(163,216,141)
```
#afdd9c
```
#afdd9c rgb(175,221,156)
```
#bbe2ab
```
#bbe2ab rgb(187,226,171)
```
#c7e7b9
```
#c7e7b9 rgb(199,231,185)
```
#d2ecc8
```
#d2ecc8 rgb(210,236,200)
```
#def1d6
```
#def1d6 rgb(222,241,214)
```
#eaf6e5
```
#eaf6e5 rgb(234,246,229)
```
#f6fbf4
```
#f6fbf4 rgb(246,251,244)
```

Tint Color Variation

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

#bcbebb
```
#bcbebb rgb(188,190,187)
```
#bac3b6
```
#bac3b6 rgb(186,195,182)
```
#b7c9b0
```
#b7c9b0 rgb(183,201,176)
```
#b5ceab
```
#b5ceab rgb(181,206,171)
```
#b3d3a6
```
#b3d3a6 rgb(179,211,166)
```
#b1d8a1
```
#b1d8a1 rgb(177,216,161)
```
#afdd9c
```
#afdd9c rgb(175,221,156)
```
#ade297
```
#ade297 rgb(173,226,151)
```
#abe792
```
#abe792 rgb(171,231,146)
```
#a9ec8d
```
#a9ec8d rgb(169,236,141)
```
#a7f188
```
#a7f188 rgb(167,241,136)
```
#a4f782
```
#a4f782 rgb(164,247,130)
```
#a2fc7d
```
#a2fc7d rgb(162,252,125)
```

Tone Color Variation

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

#e1d29c Protanopia 1% of men
#f5caa7 Deuteranopia 1% of men
#c0d5e5 Tritanopia 0.001% of the population

Trichromacy

#cfd69c Protanomaly 1% of men, 0.01% of women
#dbd1a3 Deuteranomaly 6% of men, 0.4% of women
#b9d8ca Tritanomaly 0.01% of the population

#afdd9c hex color

#afdd9c Color Information

#afdd9c Color Conversion

Color Schemes with #afdd9c

Alternatives to #afdd9c

#afdd9c Preview

Shades and Tints of #afdd9c

Tones of #afdd9c

Color Blindness Simulator