#afd49f hex color

In a RGB color space, hex #afd49f is composed of 68.6% red, 83.1% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 0% magenta, 25% yellow and 16.9% black. It has a hue angle of 101.9 degrees, a saturation of 38.1% and a lightness of 72.7%. #afd49f color hex could be obtained by blending #ffffff with #5fa93f. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 83
- B 62
RGB color chart
- C 17
- M 0
- Y 25
- K 17
CMYK color chart

● #afd49f color description : Slightly desaturated green.

The hexadecimal color #afd49f has RGB values of R:175, G:212, B:159 and CMYK values of C:0.17, M:0, Y:0.25, K:0.17. Its decimal value is 11523231.

Hex triplet	afd49f	`#afd49f`
RGB Decimal	175, 212, 159	`rgb(175,212,159)`
RGB Percent	68.6, 83.1, 62.4	`rgb(68.6%,83.1%,62.4%)`
CMYK	17, 0, 25, 17
HSL	101.9°, 38.1, 72.7	`hsl(101.9,38.1%,72.7%)`
HSV (or HSB)	101.9°, 25, 83.1
Web Safe	99cc99	`#99cc99`

CIE-LAB	81.128, -21.93, 22.305
XYZ	47.479, 58.703, 41.628
xyY	0.321, 0.397, 58.703
CIE-LCH	81.128, 31.28, 134.514
CIE-LUV	81.128, -18.422, 35.271
Hunter-Lab	76.618, -23.468, 21.419
Binary	10101111, 11010100, 10011111

#afd49f
```
#afd49f rgb(175,212,159)
```
#c49fd4
```
#c49fd4 rgb(196,159,212)
```

Complementary Color

#cad49f
```
#cad49f rgb(202,212,159)
```
#afd49f
```
#afd49f rgb(175,212,159)
```
#9fd4aa
```
#9fd4aa rgb(159,212,170)
```

Analogous Color

#d49fca
```
#d49fca rgb(212,159,202)
```
#afd49f
```
#afd49f rgb(175,212,159)
```
#aa9fd4
```
#aa9fd4 rgb(170,159,212)
```

Split Complementary Color

#d49faf
```
#d49faf rgb(212,159,175)
```
#afd49f
```
#afd49f rgb(175,212,159)
```
#9fafd4
```
#9fafd4 rgb(159,175,212)
```

Triadic Color

#d4c49f
```
#d4c49f rgb(212,196,159)
```
#afd49f
```
#afd49f rgb(175,212,159)
```
#9fafd4
```
#9fafd4 rgb(159,175,212)
```
#c49fd4
```
#c49fd4 rgb(196,159,212)
```

Tetradic Color

#83bc6a
```
#83bc6a rgb(131,188,106)
```
#92c47c
```
#92c47c rgb(146,196,124)
```
#a0cc8d
```
#a0cc8d rgb(160,204,141)
```
#afd49f
```
#afd49f rgb(175,212,159)
```
#bedcb1
```
#bedcb1 rgb(190,220,177)
```
#cce4c2
```
#cce4c2 rgb(204,228,194)
```
#dbecd4
```
#dbecd4 rgb(219,236,212)
```

Monochromatic Color

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

#bcd49f
```
#bcd49f rgb(188,212,159)
```
#b8d49f
```
#b8d49f rgb(184,212,159)
```
#b3d49f
```
#b3d49f rgb(179,212,159)
```
#afd49f
```
#afd49f rgb(175,212,159)
```
#abd49f
```
#abd49f rgb(171,212,159)
```
#a6d49f
```
#a6d49f rgb(166,212,159)
```
#a2d49f
```
#a2d49f rgb(162,212,159)
```

Similar Colors

Text with hexadecimal color #afd49f

This text has a font color of #afd49f.

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

#afd49f background color

This paragraph has a background color of #afd49f.

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

#afd49f border color

This element has a border color of #afd49f.

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

CSS codes

.text {color:#afd49f;}

.background {background-color:#afd49f;}

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

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

#080c06
```
#080c06 rgb(8,12,6)
```
#101a0c
```
#101a0c rgb(16,26,12)
```
#182712
```
#182712 rgb(24,39,18)
```
#213518
```
#213518 rgb(33,53,24)
```
#29431e
```
#29431e rgb(41,67,30)
```
#315024
```
#315024 rgb(49,80,36)
```
#3a5e2a
```
#3a5e2a rgb(58,94,42)
```
#426b30
```
#426b30 rgb(66,107,48)
```
#4a7936
```
#4a7936 rgb(74,121,54)
```
#53863c
```
#53863c rgb(83,134,60)
```
#5b9442
```
#5b9442 rgb(91,148,66)
```
#63a148
```
#63a148 rgb(99,161,72)
```
#6caf4e
```
#6caf4e rgb(108,175,78)
```

Shade Color Variation

#77b65b
```
#77b65b rgb(119,182,91)
```
#82bc69
```
#82bc69 rgb(130,188,105)
```
#8dc276
```
#8dc276 rgb(141,194,118)
```
#98c884
```
#98c884 rgb(152,200,132)
```
#a4ce91
```
#a4ce91 rgb(164,206,145)
```
#afd49f
```
#afd49f rgb(175,212,159)
```
#badaad
```
#badaad rgb(186,218,173)
```
#c6e0ba
```
#c6e0ba rgb(198,224,186)
```
#d1e6c8
```
#d1e6c8 rgb(209,230,200)
```
#dcecd5
```
#dcecd5 rgb(220,236,213)
```
#e7f2e3
```
#e7f2e3 rgb(231,242,227)
```
#f3f8f0
```
#f3f8f0 rgb(243,248,240)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#b7bfb4
```
#b7bfb4 rgb(183,191,180)
```
#b5c4af
```
#b5c4af rgb(181,196,175)
```
#b3c9aa
```
#b3c9aa rgb(179,201,170)
```
#b1cfa4
```
#b1cfa4 rgb(177,207,164)
```
#afd49f
```
#afd49f rgb(175,212,159)
```
#add99a
```
#add99a rgb(173,217,154)
```
#abdf94
```
#abdf94 rgb(171,223,148)
```
#a9e48f
```
#a9e48f rgb(169,228,143)
```
#a7e98a
```
#a7e98a rgb(167,233,138)
```
#a4ef84
```
#a4ef84 rgb(164,239,132)
```
#a2f47f
```
#a2f47f rgb(162,244,127)
```
#a0f97a
```
#a0f97a rgb(160,249,122)
```
#9eff74
```
#9eff74 rgb(158,255,116)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#bfc6bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9cb9f Protanopia 1% of men
#ebc4a9 Deuteranopia 1% of men
#bdcedd Tritanopia 0.001% of the population

Trichromacy

#cace9f Protanomaly 1% of men, 0.01% of women
#d5caa5 Deuteranomaly 6% of men, 0.4% of women
#b8d0c6 Tritanomaly 0.01% of the population

#afd49f hex color

#afd49f Color Information

#afd49f Color Conversion

Color Schemes with #afd49f

Alternatives to #afd49f

#afd49f Preview

Shades and Tints of #afd49f

Tones of #afd49f

Color Blindness Simulator