#afd4aa hex color

In a RGB color space, hex #afd4aa is composed of 68.6% red, 83.1% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 0% magenta, 19.8% yellow and 16.9% black. It has a hue angle of 112.9 degrees, a saturation of 32.8% and a lightness of 74.9%. #afd4aa color hex could be obtained by blending #ffffff with #5fa955. Closest websafe color is: #99cc99.

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

● #afd4aa color description : Grayish lime green.

The hexadecimal color #afd4aa has RGB values of R:175, G:212, B:170 and CMYK values of C:0.17, M:0, Y:0.2, K:0.17. Its decimal value is 11523242.

Hex triplet	afd4aa	`#afd4aa`
RGB Decimal	175, 212, 170	`rgb(175,212,170)`
RGB Percent	68.6, 83.1, 66.7	`rgb(68.6%,83.1%,66.7%)`
CMYK	17, 0, 20, 17
HSL	112.9°, 32.8, 74.9	`hsl(112.9,32.8%,74.9%)`
HSV (or HSB)	112.9°, 19.8, 83.1
Web Safe	99cc99	`#99cc99`

CIE-LAB	81.348, -20.117, 16.817
XYZ	48.477, 59.102, 46.882
xyY	0.314, 0.383, 59.102
CIE-LCH	81.348, 26.22, 140.105
CIE-LUV	81.348, -18.583, 27.677
Hunter-Lab	76.878, -21.981, 17.658
Binary	10101111, 11010100, 10101010

#afd4aa
```
#afd4aa rgb(175,212,170)
```
#cfaad4
```
#cfaad4 rgb(207,170,212)
```

Complementary Color

#c4d4aa
```
#c4d4aa rgb(196,212,170)
```
#afd4aa
```
#afd4aa rgb(175,212,170)
```
#aad4ba
```
#aad4ba rgb(170,212,186)
```

Analogous Color

#d4aac4
```
#d4aac4 rgb(212,170,196)
```
#afd4aa
```
#afd4aa rgb(175,212,170)
```
#baaad4
```
#baaad4 rgb(186,170,212)
```

Split Complementary Color

#d4aaaf
```
#d4aaaf rgb(212,170,175)
```
#afd4aa
```
#afd4aa rgb(175,212,170)
```
#aaafd4
```
#aaafd4 rgb(170,175,212)
```

Triadic Color

#d4cfaa
```
#d4cfaa rgb(212,207,170)
```
#afd4aa
```
#afd4aa rgb(175,212,170)
```
#aaafd4
```
#aaafd4 rgb(170,175,212)
```
#cfaad4
```
#cfaad4 rgb(207,170,212)
```

Tetradic Color

#7fba77
```
#7fba77 rgb(127,186,119)
```
#8fc388
```
#8fc388 rgb(143,195,136)
```
#9fcb99
```
#9fcb99 rgb(159,203,153)
```
#afd4aa
```
#afd4aa rgb(175,212,170)
```
#bfddbb
```
#bfddbb rgb(191,221,187)
```
#cfe5cc
```
#cfe5cc rgb(207,229,204)
```
#dfeedd
```
#dfeedd rgb(223,238,221)
```

Monochromatic Color

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

#bad4aa
```
#bad4aa rgb(186,212,170)
```
#b6d4aa
```
#b6d4aa rgb(182,212,170)
```
#b3d4aa
```
#b3d4aa rgb(179,212,170)
```
#afd4aa
```
#afd4aa rgb(175,212,170)
```
#acd4aa
```
#acd4aa rgb(172,212,170)
```
#aad4ac
```
#aad4ac rgb(170,212,172)
```
#aad4b0
```
#aad4b0 rgb(170,212,176)
```

Similar Colors

Text with hexadecimal color #afd4aa

This text has a font color of #afd4aa.

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

#afd4aa background color

This paragraph has a background color of #afd4aa.

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

#afd4aa border color

This element has a border color of #afd4aa.

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

CSS codes

.text {color:#afd4aa;}

.background {background-color:#afd4aa;}

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

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

#030603
```
#030603 rgb(3,6,3)
```
#0b130a
```
#0b130a rgb(11,19,10)
```
#122010
```
#122010 rgb(18,32,16)
```
#1a2d17
```
#1a2d17 rgb(26,45,23)
```
#213a1d
```
#213a1d rgb(33,58,29)
```
#284724
```
#284724 rgb(40,71,36)
```
#30542b
```
#30542b rgb(48,84,43)
```
#376131
```
#376131 rgb(55,97,49)
```
#3e6e38
```
#3e6e38 rgb(62,110,56)
```
#467b3e
```
#467b3e rgb(70,123,62)
```
#4d8845
```
#4d8845 rgb(77,136,69)
```
#54954c
```
#54954c rgb(84,149,76)
```
#5ca252
```
#5ca252 rgb(92,162,82)
```

Shade Color Variation

#65ac5c
```
#65ac5c rgb(101,172,92)
```
#72b369
```
#72b369 rgb(114,179,105)
```
#7eba76
```
#7eba76 rgb(126,186,118)
```
#8ac083
```
#8ac083 rgb(138,192,131)
```
#96c790
```
#96c790 rgb(150,199,144)
```
#a3cd9d
```
#a3cd9d rgb(163,205,157)
```
#afd4aa
```
#afd4aa rgb(175,212,170)
```
#bbdbb7
```
#bbdbb7 rgb(187,219,183)
```
#c8e1c4
```
#c8e1c4 rgb(200,225,196)
```
#d4e8d1
```
#d4e8d1 rgb(212,232,209)
```
#e0eede
```
#e0eede rgb(224,238,222)
```
#ecf5eb
```
#ecf5eb rgb(236,245,235)
```
#f9fcf8
```
#f9fcf8 rgb(249,252,248)
```

Tint Color Variation

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

#bec0be
```
#bec0be rgb(190,192,190)
```
#bac5b9
```
#bac5b9 rgb(186,197,185)
```
#b7cab4
```
#b7cab4 rgb(183,202,180)
```
#b3cfaf
```
#b3cfaf rgb(179,207,175)
```
#afd4aa
```
#afd4aa rgb(175,212,170)
```
#abd9a5
```
#abd9a5 rgb(171,217,165)
```
#a7dea0
```
#a7dea0 rgb(167,222,160)
```
#a4e39b
```
#a4e39b rgb(164,227,155)
```
#a0e896
```
#a0e896 rgb(160,232,150)
```
#9ced91
```
#9ced91 rgb(156,237,145)
```
#98f28c
```
#98f28c rgb(152,242,140)
```
#95f688
```
#95f688 rgb(149,246,136)
```
#91fb83
```
#91fb83 rgb(145,251,131)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c0c7bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8cca9 Protanopia 1% of men
#e9c5b3 Deuteranopia 1% of men
#bccfde Tritanopia 0.001% of the population

Trichromacy

#c9cfa9 Protanomaly 1% of men, 0.01% of women
#d3cab0 Deuteranomaly 6% of men, 0.4% of women
#b7d1cb Tritanomaly 0.01% of the population

#afd4aa hex color

#afd4aa Color Information

#afd4aa Color Conversion

Color Schemes with #afd4aa

Alternatives to #afd4aa

#afd4aa Preview

Shades and Tints of #afd4aa

Tones of #afd4aa

Color Blindness Simulator