#afdc97 hex color

In a RGB color space, hex #afdc97 is composed of 68.6% red, 86.3% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 20.5% cyan, 0% magenta, 31.4% yellow and 13.7% black. It has a hue angle of 99.1 degrees, a saturation of 49.6% and a lightness of 72.7%. #afdc97 color hex could be obtained by blending #ffffff with #5fb92f. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 86
- B 59
RGB color chart
- C 20
- M 0
- Y 31
- K 14
CMYK color chart

● #afdc97 color description : Very soft green.

The hexadecimal color #afdc97 has RGB values of R:175, G:220, B:151 and CMYK values of C:0.2, M:0, Y:0.31, K:0.14. Its decimal value is 11525271.

Hex triplet	afdc97	`#afdc97`
RGB Decimal	175, 220, 151	`rgb(175,220,151)`
RGB Percent	68.6, 86.3, 59.2	`rgb(68.6%,86.3%,59.2%)`
CMYK	20, 0, 31, 14
HSL	99.1°, 49.6, 72.7	`hsl(99.1,49.6%,72.7%)`
HSV (or HSB)	99.1°, 31.4, 86.3
Web Safe	99cc99	`#99cc99`

CIE-LAB	83.196, -27.044, 29.269
XYZ	48.857, 62.534, 38.773
xyY	0.325, 0.416, 62.534
CIE-LCH	83.196, 39.85, 132.737
CIE-LUV	83.196, -22.379, 45.239
Hunter-Lab	79.078, -28.105, 26.284
Binary	10101111, 11011100, 10010111

#afdc97
```
#afdc97 rgb(175,220,151)
```
#c497dc
```
#c497dc rgb(196,151,220)
```

Complementary Color

#d2dc97
```
#d2dc97 rgb(210,220,151)
```
#afdc97
```
#afdc97 rgb(175,220,151)
```
#97dca2
```
#97dca2 rgb(151,220,162)
```

Analogous Color

#dc97d2
```
#dc97d2 rgb(220,151,210)
```
#afdc97
```
#afdc97 rgb(175,220,151)
```
#a297dc
```
#a297dc rgb(162,151,220)
```

Split Complementary Color

#dc97af
```
#dc97af rgb(220,151,175)
```
#afdc97
```
#afdc97 rgb(175,220,151)
```
#97afdc
```
#97afdc rgb(151,175,220)
```

Triadic Color

#dcc497
```
#dcc497 rgb(220,196,151)
```
#afdc97
```
#afdc97 rgb(175,220,151)
```
#97afdc
```
#97afdc rgb(151,175,220)
```
#c497dc
```
#c497dc rgb(196,151,220)
```

Tetradic Color

#83c95e
```
#83c95e rgb(131,201,94)
```
#92cf71
```
#92cf71 rgb(146,207,113)
```
#a0d684
```
#a0d684 rgb(160,214,132)
```
#afdc97
```
#afdc97 rgb(175,220,151)
```
#bee2aa
```
#bee2aa rgb(190,226,170)
```
#cce9bd
```
#cce9bd rgb(204,233,189)
```
#dbefd0
```
#dbefd0 rgb(219,239,208)
```

Monochromatic Color

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

#c0dc97
```
#c0dc97 rgb(192,220,151)
```
#bbdc97
```
#bbdc97 rgb(187,220,151)
```
#b5dc97
```
#b5dc97 rgb(181,220,151)
```
#afdc97
```
#afdc97 rgb(175,220,151)
```
#a9dc97
```
#a9dc97 rgb(169,220,151)
```
#a4dc97
```
#a4dc97 rgb(164,220,151)
```
#9edc97
```
#9edc97 rgb(158,220,151)
```

Similar Colors

Text with hexadecimal color #afdc97

This text has a font color of #afdc97.

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

#afdc97 background color

This paragraph has a background color of #afdc97.

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

#afdc97 border color

This element has a border color of #afdc97.

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

CSS codes

.text {color:#afdc97;}

.background {background-color:#afdc97;}

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

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

#080d05
```
#080d05 rgb(8,13,5)
```
#101c09
```
#101c09 rgb(16,28,9)
```
#182b0e
```
#182b0e rgb(24,43,14)
```
#213913
```
#213913 rgb(33,57,19)
```
#294818
```
#294818 rgb(41,72,24)
```
#31571d
```
#31571d rgb(49,87,29)
```
#3a6522
```
#3a6522 rgb(58,101,34)
```
#427427
```
#427427 rgb(66,116,39)
```
#4a832c
```
#4a832c rgb(74,131,44)
```
#539131
```
#539131 rgb(83,145,49)
```
#5ba036
```
#5ba036 rgb(91,160,54)
```
#63af3b
```
#63af3b rgb(99,175,59)
```
#6cbe40
```
#6cbe40 rgb(108,190,64)
```

Shade Color Variation

#77c34e
```
#77c34e rgb(119,195,78)
```
#82c85c
```
#82c85c rgb(130,200,92)
```
#8dcd6b
```
#8dcd6b rgb(141,205,107)
```
#98d27a
```
#98d27a rgb(152,210,122)
```
#a4d788
```
#a4d788 rgb(164,215,136)
```
#afdc97
```
#afdc97 rgb(175,220,151)
```
#bae1a6
```
#bae1a6 rgb(186,225,166)
```
#c6e6b4
```
#c6e6b4 rgb(198,230,180)
```
#d1ebc3
```
#d1ebc3 rgb(209,235,195)
```
#dcf0d2
```
#dcf0d2 rgb(220,240,210)
```
#e7f5e0
```
#e7f5e0 rgb(231,245,224)
```
#f3faef
```
#f3faef rgb(243,250,239)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#b9bcb7
```
#b9bcb7 rgb(185,188,183)
```
#b7c1b2
```
#b7c1b2 rgb(183,193,178)
```
#b6c7ac
```
#b6c7ac rgb(182,199,172)
```
#b4cca7
```
#b4cca7 rgb(180,204,167)
```
#b2d1a2
```
#b2d1a2 rgb(178,209,162)
```
#b1d79c
```
#b1d79c rgb(177,215,156)
```
#afdc97
```
#afdc97 rgb(175,220,151)
```
#ade192
```
#ade192 rgb(173,225,146)
```
#ace78c
```
#ace78c rgb(172,231,140)
```
#aaec87
```
#aaec87 rgb(170,236,135)
```
#a8f182
```
#a8f182 rgb(168,241,130)
```
#a7f77c
```
#a7f77c rgb(167,247,124)
```
#a5fc77
```
#a5fc77 rgb(165,252,119)
```

Tone Color Variation

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

#e1d197 Protanopia 1% of men
#f4c9a2 Deuteranopia 1% of men
#c0d4e3 Tritanopia 0.001% of the population

Trichromacy

#cfd597 Protanomaly 1% of men, 0.01% of women
#dbd09e Deuteranomaly 6% of men, 0.4% of women
#bad7c7 Tritanomaly 0.01% of the population

#afdc97 hex color

#afdc97 Color Information

#afdc97 Color Conversion

Color Schemes with #afdc97

Alternatives to #afdc97

#afdc97 Preview

Shades and Tints of #afdc97

Tones of #afdc97

Color Blindness Simulator