#afd8a3 hex color

In a RGB color space, hex #afd8a3 is composed of 68.6% red, 84.7% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 19% cyan, 0% magenta, 24.5% yellow and 15.3% black. It has a hue angle of 106.4 degrees, a saturation of 40.5% and a lightness of 74.3%. #afd8a3 color hex could be obtained by blending #ffffff with #5fb147. Closest websafe color is: #99cc99.

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

● #afd8a3 color description : Grayish lime green.

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

Hex triplet	afd8a3	`#afd8a3`
RGB Decimal	175, 216, 163	`rgb(175,216,163)`
RGB Percent	68.6, 84.7, 63.9	`rgb(68.6%,84.7%,63.9%)`
CMYK	19, 0, 25, 15
HSL	106.4°, 40.5, 74.3	`hsl(106.4,40.5%,74.3%)`
HSV (or HSB)	106.4°, 24.5, 84.7
Web Safe	99cc99	`#99cc99`

CIE-LAB	82.308, -23.25, 21.831
XYZ	48.844, 60.869, 43.824
xyY	0.318, 0.396, 60.869
CIE-LCH	82.308, 31.893, 136.802
CIE-LUV	82.308, -20.485, 35.002
Hunter-Lab	78.019, -24.781, 21.309
Binary	10101111, 11011000, 10100011

#afd8a3
```
#afd8a3 rgb(175,216,163)
```
#cca3d8
```
#cca3d8 rgb(204,163,216)
```

Complementary Color

#cad8a3
```
#cad8a3 rgb(202,216,163)
```
#afd8a3
```
#afd8a3 rgb(175,216,163)
```
#a3d8b2
```
#a3d8b2 rgb(163,216,178)
```

Analogous Color

#d8a3ca
```
#d8a3ca rgb(216,163,202)
```
#afd8a3
```
#afd8a3 rgb(175,216,163)
```
#b2a3d8
```
#b2a3d8 rgb(178,163,216)
```

Split Complementary Color

#d8a3af
```
#d8a3af rgb(216,163,175)
```
#afd8a3
```
#afd8a3 rgb(175,216,163)
```
#a3afd8
```
#a3afd8 rgb(163,175,216)
```

Triadic Color

#d8cca3
```
#d8cca3 rgb(216,204,163)
```
#afd8a3
```
#afd8a3 rgb(175,216,163)
```
#a3afd8
```
#a3afd8 rgb(163,175,216)
```
#cca3d8
```
#cca3d8 rgb(204,163,216)
```

Tetradic Color

#80c16d
```
#80c16d rgb(128,193,109)
```
#90c97f
```
#90c97f rgb(144,201,127)
```
#9fd091
```
#9fd091 rgb(159,208,145)
```
#afd8a3
```
#afd8a3 rgb(175,216,163)
```
#bfe0b5
```
#bfe0b5 rgb(191,224,181)
```
#cee7c7
```
#cee7c7 rgb(206,231,199)
```
#deefd9
```
#deefd9 rgb(222,239,217)
```

Monochromatic Color

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

#bcd8a3
```
#bcd8a3 rgb(188,216,163)
```
#b8d8a3
```
#b8d8a3 rgb(184,216,163)
```
#b3d8a3
```
#b3d8a3 rgb(179,216,163)
```
#afd8a3
```
#afd8a3 rgb(175,216,163)
```
#abd8a3
```
#abd8a3 rgb(171,216,163)
```
#a6d8a3
```
#a6d8a3 rgb(166,216,163)
```
#a3d8a4
```
#a3d8a4 rgb(163,216,164)
```

Similar Colors

Text with hexadecimal color #afd8a3

This text has a font color of #afd8a3.

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

#afd8a3 background color

This paragraph has a background color of #afd8a3.

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

#afd8a3 border color

This element has a border color of #afd8a3.

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

CSS codes

.text {color:#afd8a3;}

.background {background-color:#afd8a3;}

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

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)
```
#12200e
```
#12200e rgb(18,32,14)
```
#192e13
```
#192e13 rgb(25,46,19)
```
#213c19
```
#213c19 rgb(33,60,25)
```
#29491f
```
#29491f rgb(41,73,31)
```
#305725
```
#305725 rgb(48,87,37)
```
#38652b
```
#38652b rgb(56,101,43)
```
#407331
```
#407331 rgb(64,115,49)
```
#478036
```
#478036 rgb(71,128,54)
```
#4f8e3c
```
#4f8e3c rgb(79,142,60)
```
#569c42
```
#569c42 rgb(86,156,66)
```
#5eaa48
```
#5eaa48 rgb(94,170,72)
```

Shade Color Variation

#67b550
```
#67b550 rgb(103,181,80)
```
#73bb5e
```
#73bb5e rgb(115,187,94)
```
#7fc16c
```
#7fc16c rgb(127,193,108)
```
#8bc67a
```
#8bc67a rgb(139,198,122)
```
#97cc87
```
#97cc87 rgb(151,204,135)
```
#a3d295
```
#a3d295 rgb(163,210,149)
```
#afd8a3
```
#afd8a3 rgb(175,216,163)
```
#bbdeb1
```
#bbdeb1 rgb(187,222,177)
```
#c7e4bf
```
#c7e4bf rgb(199,228,191)
```
#d3eacc
```
#d3eacc rgb(211,234,204)
```
#dfefda
```
#dfefda rgb(223,239,218)
```
#ebf5e8
```
#ebf5e8 rgb(235,245,232)
```
#f7fbf6
```
#f7fbf6 rgb(247,251,246)
```

Tint Color Variation

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

#bdbfbc
```
#bdbfbc rgb(189,191,188)
```
#bac4b7
```
#bac4b7 rgb(186,196,183)
```
#b7c9b2
```
#b7c9b2 rgb(183,201,178)
```
#b5cead
```
#b5cead rgb(181,206,173)
```
#b2d3a8
```
#b2d3a8 rgb(178,211,168)
```
#afd8a3
```
#afd8a3 rgb(175,216,163)
```
#acdd9e
```
#acdd9e rgb(172,221,158)
```
#a9e299
```
#a9e299 rgb(169,226,153)
```
#a7e794
```
#a7e794 rgb(167,231,148)
```
#a4ec8f
```
#a4ec8f rgb(164,236,143)
```
#a1f18a
```
#a1f18a rgb(161,241,138)
```
#9ef685
```
#9ef685 rgb(158,246,133)
```
#9cfb80
```
#9cfb80 rgb(156,251,128)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c1cabf Atypical Achromatopsia 0.001% of the population

Dichromacy

#dccfa3 Protanopia 1% of men
#eec7ad Deuteranopia 1% of men
#bed2e1 Tritanopia 0.001% of the population

Trichromacy

#ccd2a3 Protanomaly 1% of men, 0.01% of women
#d7cda9 Deuteranomaly 6% of men, 0.4% of women
#b8d4ca Tritanomaly 0.01% of the population

#afd8a3 hex color

#afd8a3 Color Information

#afd8a3 Color Conversion

Color Schemes with #afd8a3

Alternatives to #afd8a3

#afd8a3 Preview

Shades and Tints of #afd8a3

Tones of #afd8a3

Color Blindness Simulator