#afd8a1 hex color

In a RGB color space, hex #afd8a1 is composed of 68.6% red, 84.7% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 19% cyan, 0% magenta, 25.5% yellow and 15.3% black. It has a hue angle of 104.7 degrees, a saturation of 41.4% and a lightness of 73.9%. #afd8a1 color hex could be obtained by blending #ffffff with #5fb143. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 85
- B 63
RGB color chart
- C 19
- M 0
- Y 25
- K 15
CMYK color chart

● #afd8a1 color description : Slightly desaturated green.

The hexadecimal color #afd8a1 has RGB values of R:175, G:216, B:161 and CMYK values of C:0.19, M:0, Y:0.25, K:0.15. Its decimal value is 11524257.

Hex triplet	afd8a1	`#afd8a1`
RGB Decimal	175, 216, 161	`rgb(175,216,161)`
RGB Percent	68.6, 84.7, 63.1	`rgb(68.6%,84.7%,63.1%)`
CMYK	19, 0, 25, 15
HSL	104.7°, 41.4, 73.9	`hsl(104.7,41.4%,73.9%)`
HSV (or HSB)	104.7°, 25.5, 84.7
Web Safe	99cc99	`#99cc99`

CIE-LAB	82.27, -23.571, 22.824
XYZ	48.666, 60.798, 42.887
xyY	0.319, 0.399, 60.798
CIE-LCH	82.27, 32.811, 135.922
CIE-LUV	82.27, -20.462, 36.351
Hunter-Lab	77.973, -25.043, 21.97
Binary	10101111, 11011000, 10100001

#afd8a1
```
#afd8a1 rgb(175,216,161)
```
#caa1d8
```
#caa1d8 rgb(202,161,216)
```

Complementary Color

#cbd8a1
```
#cbd8a1 rgb(203,216,161)
```
#afd8a1
```
#afd8a1 rgb(175,216,161)
```
#a1d8af
```
#a1d8af rgb(161,216,175)
```

Analogous Color

#d8a1cb
```
#d8a1cb rgb(216,161,203)
```
#afd8a1
```
#afd8a1 rgb(175,216,161)
```
#afa1d8
```
#afa1d8 rgb(175,161,216)
```

Split Complementary Color

#d8a1af
```
#d8a1af rgb(216,161,175)
```
#afd8a1
```
#afd8a1 rgb(175,216,161)
```
#a1afd8
```
#a1afd8 rgb(161,175,216)
```

Triadic Color

#d8caa1
```
#d8caa1 rgb(216,202,161)
```
#afd8a1
```
#afd8a1 rgb(175,216,161)
```
#a1afd8
```
#a1afd8 rgb(161,175,216)
```
#caa1d8
```
#caa1d8 rgb(202,161,216)
```

Tetradic Color

#81c26b
```
#81c26b rgb(129,194,107)
```
#90c97d
```
#90c97d rgb(144,201,125)
```
#a0d18f
```
#a0d18f rgb(160,209,143)
```
#afd8a1
```
#afd8a1 rgb(175,216,161)
```
#bedfb3
```
#bedfb3 rgb(190,223,179)
```
#cee7c5
```
#cee7c5 rgb(206,231,197)
```
#ddeed7
```
#ddeed7 rgb(221,238,215)
```

Monochromatic Color

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

#bdd8a1
```
#bdd8a1 rgb(189,216,161)
```
#b8d8a1
```
#b8d8a1 rgb(184,216,161)
```
#b4d8a1
```
#b4d8a1 rgb(180,216,161)
```
#afd8a1
```
#afd8a1 rgb(175,216,161)
```
#aad8a1
```
#aad8a1 rgb(170,216,161)
```
#a6d8a1
```
#a6d8a1 rgb(166,216,161)
```
#a1d8a1
```
#a1d8a1 rgb(161,216,161)
```

Similar Colors

Text with hexadecimal color #afd8a1

This text has a font color of #afd8a1.

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

#afd8a1 background color

This paragraph has a background color of #afd8a1.

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

#afd8a1 border color

This element has a border color of #afd8a1.

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

CSS codes

.text {color:#afd8a1;}

.background {background-color:#afd8a1;}

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

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

#020301
```
#020301 rgb(2,3,1)
```
#0a1107
```
#0a1107 rgb(10,17,7)
```
#111f0d
```
#111f0d rgb(17,31,13)
```
#192d13
```
#192d13 rgb(25,45,19)
```
#213a18
```
#213a18 rgb(33,58,24)
```
#29481e
```
#29481e rgb(41,72,30)
```
#315624
```
#315624 rgb(49,86,36)
```
#38642a
```
#38642a rgb(56,100,42)
```
#40722f
```
#40722f rgb(64,114,47)
```
#488035
```
#488035 rgb(72,128,53)
```
#508e3b
```
#508e3b rgb(80,142,59)
```
#589c41
```
#589c41 rgb(88,156,65)
```
#60a946
```
#60a946 rgb(96,169,70)
```

Shade Color Variation

#68b54e
```
#68b54e rgb(104,181,78)
```
#74bb5c
```
#74bb5c rgb(116,187,92)
```
#80c16a
```
#80c16a rgb(128,193,106)
```
#8cc777
```
#8cc777 rgb(140,199,119)
```
#97cc85
```
#97cc85 rgb(151,204,133)
```
#a3d293
```
#a3d293 rgb(163,210,147)
```
#afd8a1
```
#afd8a1 rgb(175,216,161)
```
#bbdeaf
```
#bbdeaf rgb(187,222,175)
```
#c7e4bd
```
#c7e4bd rgb(199,228,189)
```
#d2e9cb
```
#d2e9cb rgb(210,233,203)
```
#deefd8
```
#deefd8 rgb(222,239,216)
```
#eaf5e6
```
#eaf5e6 rgb(234,245,230)
```
#f6fbf4
```
#f6fbf4 rgb(246,251,244)
```

Tint Color Variation

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

#bcbebb
```
#bcbebb rgb(188,190,187)
```
#b9c4b5
```
#b9c4b5 rgb(185,196,181)
```
#b7c9b0
```
#b7c9b0 rgb(183,201,176)
```
#b4ceab
```
#b4ceab rgb(180,206,171)
```
#b2d3a6
```
#b2d3a6 rgb(178,211,166)
```
#afd8a1
```
#afd8a1 rgb(175,216,161)
```
#acdd9c
```
#acdd9c rgb(172,221,156)
```
#aae297
```
#aae297 rgb(170,226,151)
```
#a7e792
```
#a7e792 rgb(167,231,146)
```
#a5ec8d
```
#a5ec8d rgb(165,236,141)
```
#a2f287
```
#a2f287 rgb(162,242,135)
```
#a0f782
```
#a0f782 rgb(160,247,130)
```
#9dfc7d
```
#9dfc7d rgb(157,252,125)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#c1c9be Atypical Achromatopsia 0.001% of the population

Dichromacy

#dccea1 Protanopia 1% of men
#efc7ab Deuteranopia 1% of men
#bed2e1 Tritanopia 0.001% of the population

Trichromacy

#ccd2a1 Protanomaly 1% of men, 0.01% of women
#d7cda7 Deuteranomaly 6% of men, 0.4% of women
#b8d4c9 Tritanomaly 0.01% of the population

#afd8a1 hex color

#afd8a1 Color Information

#afd8a1 Color Conversion

Color Schemes with #afd8a1

Alternatives to #afd8a1

#afd8a1 Preview

Shades and Tints of #afd8a1

Tones of #afd8a1

Color Blindness Simulator