#afdd97 hex color

In a RGB color space, hex #afdd97 is composed of 68.6% red, 86.7% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 0% magenta, 31.7% yellow and 13.3% black. It has a hue angle of 99.4 degrees, a saturation of 50.7% and a lightness of 72.9%. #afdd97 color hex could be obtained by blending #ffffff with #5fbb2f. Closest websafe color is: #99cc99.

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

● #afdd97 color description : Very soft green.

The hexadecimal color #afdd97 has RGB values of R:175, G:221, B:151 and CMYK values of C:0.21, M:0, Y:0.32, K:0.13. Its decimal value is 11525527.

Hex triplet	afdd97	`#afdd97`
RGB Decimal	175, 221, 151	`rgb(175,221,151)`
RGB Percent	68.6, 86.7, 59.2	`rgb(68.6%,86.7%,59.2%)`
CMYK	21, 0, 32, 13
HSL	99.4°, 50.7, 72.9	`hsl(99.4,50.7%,72.9%)`
HSV (or HSB)	99.4°, 31.7, 86.7
Web Safe	99cc99	`#99cc99`

CIE-LAB	83.474, -27.522, 29.641
XYZ	49.12, 63.06, 38.86
xyY	0.325, 0.418, 63.06
CIE-LCH	83.474, 40.448, 132.877
CIE-LUV	83.474, -22.882, 45.821
Hunter-Lab	79.41, -28.556, 26.573
Binary	10101111, 11011101, 10010111

#afdd97
```
#afdd97 rgb(175,221,151)
```
#c597dd
```
#c597dd rgb(197,151,221)
```

Complementary Color

#d2dd97
```
#d2dd97 rgb(210,221,151)
```
#afdd97
```
#afdd97 rgb(175,221,151)
```
#97dda2
```
#97dda2 rgb(151,221,162)
```

Analogous Color

#dd97d2
```
#dd97d2 rgb(221,151,210)
```
#afdd97
```
#afdd97 rgb(175,221,151)
```
#a297dd
```
#a297dd rgb(162,151,221)
```

Split Complementary Color

#dd97af
```
#dd97af rgb(221,151,175)
```
#afdd97
```
#afdd97 rgb(175,221,151)
```
#97afdd
```
#97afdd rgb(151,175,221)
```

Triadic Color

#ddc597
```
#ddc597 rgb(221,197,151)
```
#afdd97
```
#afdd97 rgb(175,221,151)
```
#97afdd
```
#97afdd rgb(151,175,221)
```
#c597dd
```
#c597dd rgb(197,151,221)
```

Tetradic Color

#83ca5d
```
#83ca5d rgb(131,202,93)
```
#91d071
```
#91d071 rgb(145,208,113)
```
#a0d784
```
#a0d784 rgb(160,215,132)
```
#afdd97
```
#afdd97 rgb(175,221,151)
```
#bee3aa
```
#bee3aa rgb(190,227,170)
```
#cdeabd
```
#cdeabd rgb(205,234,189)
```
#dbf0d1
```
#dbf0d1 rgb(219,240,209)
```

Monochromatic Color

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

#c1dd97
```
#c1dd97 rgb(193,221,151)
```
#bbdd97
```
#bbdd97 rgb(187,221,151)
```
#b5dd97
```
#b5dd97 rgb(181,221,151)
```
#afdd97
```
#afdd97 rgb(175,221,151)
```
#a9dd97
```
#a9dd97 rgb(169,221,151)
```
#a3dd97
```
#a3dd97 rgb(163,221,151)
```
#9edd97
```
#9edd97 rgb(158,221,151)
```

Similar Colors

Text with hexadecimal color #afdd97

This text has a font color of #afdd97.

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

#afdd97 background color

This paragraph has a background color of #afdd97.

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

#afdd97 border color

This element has a border color of #afdd97.

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

CSS codes

.text {color:#afdd97;}

.background {background-color:#afdd97;}

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

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, #080e05 is the darkest color, while #fffffe is the lightest one.

#080e05
```
#080e05 rgb(8,14,5)
```
#101d09
```
#101d09 rgb(16,29,9)
```
#182c0e
```
#182c0e rgb(24,44,14)
```
#213b13
```
#213b13 rgb(33,59,19)
```
#294918
```
#294918 rgb(41,73,24)
```
#31581d
```
#31581d rgb(49,88,29)
```
#396722
```
#396722 rgb(57,103,34)
```
#427626
```
#427626 rgb(66,118,38)
```
#4a852b
```
#4a852b rgb(74,133,43)
```
#529330
```
#529330 rgb(82,147,48)
```
#5aa235
```
#5aa235 rgb(90,162,53)
```
#63b13a
```
#63b13a rgb(99,177,58)
```
#6bc03f
```
#6bc03f rgb(107,192,63)
```

Shade Color Variation

#76c54d
```
#76c54d rgb(118,197,77)
```
#82ca5c
```
#82ca5c rgb(130,202,92)
```
#8dcf6b
```
#8dcf6b rgb(141,207,107)
```
#98d379
```
#98d379 rgb(152,211,121)
```
#a4d888
```
#a4d888 rgb(164,216,136)
```
#afdd97
```
#afdd97 rgb(175,221,151)
```
#bae2a6
```
#bae2a6 rgb(186,226,166)
```
#c6e7b5
```
#c6e7b5 rgb(198,231,181)
```
#d1ebc3
```
#d1ebc3 rgb(209,235,195)
```
#dcf0d2
```
#dcf0d2 rgb(220,240,210)
```
#e8f5e1
```
#e8f5e1 rgb(232,245,225)
```
#f3faf0
```
#f3faf0 rgb(243,250,240)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#b9bdb7
```
#b9bdb7 rgb(185,189,183)
```
#b7c2b2
```
#b7c2b2 rgb(183,194,178)
```
#b6c8ac
```
#b6c8ac rgb(182,200,172)
```
#b4cda7
```
#b4cda7 rgb(180,205,167)
```
#b2d2a2
```
#b2d2a2 rgb(178,210,162)
```
#b1d89c
```
#b1d89c rgb(177,216,156)
```
#afdd97
```
#afdd97 rgb(175,221,151)
```
#ade292
```
#ade292 rgb(173,226,146)
```
#ace88c
```
#ace88c rgb(172,232,140)
```
#aaed87
```
#aaed87 rgb(170,237,135)
```
#a8f282
```
#a8f282 rgb(168,242,130)
```
#a7f87c
```
#a7f87c rgb(167,248,124)
```
#a5fd77
```
#a5fd77 rgb(165,253,119)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c2cbbd Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2d297 Protanopia 1% of men
#f5caa2 Deuteranopia 1% of men
#c0d5e4 Tritanopia 0.001% of the population

Trichromacy

#cfd697 Protanomaly 1% of men, 0.01% of women
#dcd19e Deuteranomaly 6% of men, 0.4% of women
#bad8c8 Tritanomaly 0.01% of the population

#afdd97 hex color

#afdd97 Color Information

#afdd97 Color Conversion

Color Schemes with #afdd97

Alternatives to #afdd97

#afdd97 Preview

Shades and Tints of #afdd97

Tones of #afdd97

Color Blindness Simulator