colorhexa.com

#afd5a6 hex color

In a RGB color space, hex #afd5a6 is composed of 68.6% red, 83.5% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 0% magenta, 22.1% yellow and 16.5% black. It has a hue angle of 108.5 degrees, a saturation of 35.9% and a lightness of 74.3%. #afd5a6 color hex could be obtained by blending #ffffff with #5fab4d. Closest websafe color is: #99cc99.

- R 69
- G 84
- B 65
RGB color chart
- C 18
- M 0
- Y 22
- K 16
CMYK color chart

● #afd5a6 color description : Grayish lime green.

The hexadecimal color #afd5a6 has RGB values of R:175, G:213, B:166 and CMYK values of C:0.18, M:0, Y:0.22, K:0.16. Its decimal value is 11523494.

Hex triplet	afd5a6	`#afd5a6`
RGB Decimal	175, 213, 166	`rgb(175,213,166)`
RGB Percent	68.6, 83.5, 65.1	`rgb(68.6%,83.5%,65.1%)`
CMYK	18, 0, 22, 16
HSL	108.5°, 35.9, 74.3	`hsl(108.5,35.9%,74.3%)`
HSV (or HSB)	108.5°, 22.1, 83.5
Web Safe	99cc99	`#99cc99`

CIE-LAB	81.541, -21.284, 19.196
XYZ	48.355, 59.455, 45.003
xyY	0.316, 0.389, 59.455
CIE-LCH	81.541, 28.662, 137.954
CIE-LUV	81.541, -19.024, 31.101
Hunter-Lab	77.107, -22.998, 19.371
Binary	10101111, 11010101, 10100110

#afd5a6
```
#afd5a6 rgb(175,213,166)
```
#cca6d5
```
#cca6d5 rgb(204,166,213)
```

Complementary Color

#c7d5a6
```
#c7d5a6 rgb(199,213,166)
```
#afd5a6
```
#afd5a6 rgb(175,213,166)
```
#a6d5b5
```
#a6d5b5 rgb(166,213,181)
```

Analogous Color

#d5a6c7
```
#d5a6c7 rgb(213,166,199)
```
#afd5a6
```
#afd5a6 rgb(175,213,166)
```
#b5a6d5
```
#b5a6d5 rgb(181,166,213)
```

Split Complementary Color

#d5a6af
```
#d5a6af rgb(213,166,175)
```
#afd5a6
```
#afd5a6 rgb(175,213,166)
```
#a6afd5
```
#a6afd5 rgb(166,175,213)
```

Triadic Color

#d5cca6
```
#d5cca6 rgb(213,204,166)
```
#afd5a6
```
#afd5a6 rgb(175,213,166)
```
#a6afd5
```
#a6afd5 rgb(166,175,213)
```
#cca6d5
```
#cca6d5 rgb(204,166,213)
```

Tetradic Color

#80bc72
```
#80bc72 rgb(128,188,114)
```
#90c583
```
#90c583 rgb(144,197,131)
```
#9fcd95
```
#9fcd95 rgb(159,205,149)
```
#afd5a6
```
#afd5a6 rgb(175,213,166)
```
#bfddb7
```
#bfddb7 rgb(191,221,183)
```
#cee5c9
```
#cee5c9 rgb(206,229,201)
```
#deeeda
```
#deeeda rgb(222,238,218)
```

Monochromatic Color

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

#bbd5a6
```
#bbd5a6 rgb(187,213,166)
```
#b7d5a6
```
#b7d5a6 rgb(183,213,166)
```
#b3d5a6
```
#b3d5a6 rgb(179,213,166)
```
#afd5a6
```
#afd5a6 rgb(175,213,166)
```
#abd5a6
```
#abd5a6 rgb(171,213,166)
```
#a7d5a6
```
#a7d5a6 rgb(167,213,166)
```
#a6d5a9
```
#a6d5a9 rgb(166,213,169)
```

Similar Colors

Text with hexadecimal color #afd5a6

This text has a font color of #afd5a6.

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

#afd5a6 background color

This paragraph has a background color of #afd5a6.

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

#afd5a6 border color

This element has a border color of #afd5a6.

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

CSS codes

.text {color:#afd5a6;}

.background {background-color:#afd5a6;}

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

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

#020402
```
#020402 rgb(2,4,2)
```
#0a1208
```
#0a1208 rgb(10,18,8)
```
#121f0f
```
#121f0f rgb(18,31,15)
```
#192c15
```
#192c15 rgb(25,44,21)
```
#213a1b
```
#213a1b rgb(33,58,27)
```
#294721
```
#294721 rgb(41,71,33)
```
#305428
```
#305428 rgb(48,84,40)
```
#38622e
```
#38622e rgb(56,98,46)
```
#406f34
```
#406f34 rgb(64,111,52)
```
#477c3b
```
#477c3b rgb(71,124,59)
```
#4f8a41
```
#4f8a41 rgb(79,138,65)
```
#569747
```
#569747 rgb(86,151,71)
```
#5ea44d
```
#5ea44d rgb(94,164,77)
```

Shade Color Variation

#67af56
```
#67af56 rgb(103,175,86)
```
#73b663
```
#73b663 rgb(115,182,99)
```
#7fbc71
```
#7fbc71 rgb(127,188,113)
```
#8bc27e
```
#8bc27e rgb(139,194,126)
```
#97c88b
```
#97c88b rgb(151,200,139)
```
#a3cf99
```
#a3cf99 rgb(163,207,153)
```
#afd5a6
```
#afd5a6 rgb(175,213,166)
```
#bbdbb3
```
#bbdbb3 rgb(187,219,179)
```
#c7e2c1
```
#c7e2c1 rgb(199,226,193)
```
#d3e8ce
```
#d3e8ce rgb(211,232,206)
```
#dfeedb
```
#dfeedb rgb(223,238,219)
```
#ebf4e9
```
#ebf4e9 rgb(235,244,233)
```
#f7fbf6
```
#f7fbf6 rgb(247,251,246)
```

Tint Color Variation

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

#bbc1ba
```
#bbc1ba rgb(187,193,186)
```
#b8c6b5
```
#b8c6b5 rgb(184,198,181)
```
#b5cbb0
```
#b5cbb0 rgb(181,203,176)
```
#b2d0ab
```
#b2d0ab rgb(178,208,171)
```
#afd5a6
```
#afd5a6 rgb(175,213,166)
```
#acdaa1
```
#acdaa1 rgb(172,218,161)
```
#a9df9c
```
#a9df9c rgb(169,223,156)
```
#a6e497
```
#a6e497 rgb(166,228,151)
```
#a3e992
```
#a3e992 rgb(163,233,146)
```
#9fee8d
```
#9fee8d rgb(159,238,141)
```
#9cf388
```
#9cf388 rgb(156,243,136)
```
#99f883
```
#99f883 rgb(153,248,131)
```
#96fd7e
```
#96fd7e rgb(150,253,126)
```

Tone Color Variation

Below, you can see how #afd5a6 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
#c0c7be Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9cca6 Protanopia 1% of men
#eac6b0 Deuteranopia 1% of men
#bdcfde Tritanopia 0.001% of the population

Trichromacy

#cacfa6 Protanomaly 1% of men, 0.01% of women
#d5cbac Deuteranomaly 6% of men, 0.4% of women
#b8d1ca Tritanomaly 0.01% of the population