#afd2a7 hex color

In a RGB color space, hex #afd2a7 is composed of 68.6% red, 82.4% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 20.5% yellow and 17.6% black. It has a hue angle of 108.8 degrees, a saturation of 32.3% and a lightness of 73.9%. #afd2a7 color hex could be obtained by blending #ffffff with #5fa54f. Closest websafe color is: #99cc99.

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

● #afd2a7 color description : Grayish lime green.

The hexadecimal color #afd2a7 has RGB values of R:175, G:210, B:167 and CMYK values of C:0.17, M:0, Y:0.2, K:0.18. Its decimal value is 11522727.

Hex triplet	afd2a7	`#afd2a7`
RGB Decimal	175, 210, 167	`rgb(175,210,167)`
RGB Percent	68.6, 82.4, 65.5	`rgb(68.6%,82.4%,65.5%)`
CMYK	17, 0, 20, 18
HSL	108.8°, 32.3, 73.9	`hsl(108.8,32.3%,73.9%)`
HSV (or HSB)	108.8°, 20.5, 82.4
Web Safe	99cc99	`#99cc99`

CIE-LAB	80.737, -19.63, 17.55
XYZ	47.699, 57.996, 45.238
xyY	0.316, 0.384, 57.996
CIE-LCH	80.737, 26.331, 138.203
CIE-LUV	80.737, -17.537, 28.538
Hunter-Lab	76.155, -21.47, 18.089
Binary	10101111, 11010010, 10100111

#afd2a7
```
#afd2a7 rgb(175,210,167)
```
#caa7d2
```
#caa7d2 rgb(202,167,210)
```

Complementary Color

#c5d2a7
```
#c5d2a7 rgb(197,210,167)
```
#afd2a7
```
#afd2a7 rgb(175,210,167)
```
#a7d2b5
```
#a7d2b5 rgb(167,210,181)
```

Analogous Color

#d2a7c5
```
#d2a7c5 rgb(210,167,197)
```
#afd2a7
```
#afd2a7 rgb(175,210,167)
```
#b5a7d2
```
#b5a7d2 rgb(181,167,210)
```

Split Complementary Color

#d2a7af
```
#d2a7af rgb(210,167,175)
```
#afd2a7
```
#afd2a7 rgb(175,210,167)
```
#a7afd2
```
#a7afd2 rgb(167,175,210)
```

Triadic Color

#d2caa7
```
#d2caa7 rgb(210,202,167)
```
#afd2a7
```
#afd2a7 rgb(175,210,167)
```
#a7afd2
```
#a7afd2 rgb(167,175,210)
```
#caa7d2
```
#caa7d2 rgb(202,167,210)
```

Tetradic Color

#81b874
```
#81b874 rgb(129,184,116)
```
#90c185
```
#90c185 rgb(144,193,133)
```
#a0c996
```
#a0c996 rgb(160,201,150)
```
#afd2a7
```
#afd2a7 rgb(175,210,167)
```
#bedbb8
```
#bedbb8 rgb(190,219,184)
```
#cee3c9
```
#cee3c9 rgb(206,227,201)
```
#ddecda
```
#ddecda rgb(221,236,218)
```

Monochromatic Color

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

#bad2a7
```
#bad2a7 rgb(186,210,167)
```
#b6d2a7
```
#b6d2a7 rgb(182,210,167)
```
#b3d2a7
```
#b3d2a7 rgb(179,210,167)
```
#afd2a7
```
#afd2a7 rgb(175,210,167)
```
#abd2a7
```
#abd2a7 rgb(171,210,167)
```
#a8d2a7
```
#a8d2a7 rgb(168,210,167)
```
#a7d2aa
```
#a7d2aa rgb(167,210,170)
```

Similar Colors

Text with hexadecimal color #afd2a7

This text has a font color of #afd2a7.

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

#afd2a7 background color

This paragraph has a background color of #afd2a7.

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

#afd2a7 border color

This element has a border color of #afd2a7.

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

CSS codes

.text {color:#afd2a7;}

.background {background-color:#afd2a7;}

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

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 #f6faf5 is the lightest one.

#020301
```
#020301 rgb(2,3,1)
```
#0a1008
```
#0a1008 rgb(10,16,8)
```
#111d0f
```
#111d0f rgb(17,29,15)
```
#192a15
```
#192a15 rgb(25,42,21)
```
#21371c
```
#21371c rgb(33,55,28)
```
#294423
```
#294423 rgb(41,68,35)
```
#315129
```
#315129 rgb(49,81,41)
```
#385e30
```
#385e30 rgb(56,94,48)
```
#406b37
```
#406b37 rgb(64,107,55)
```
#48783d
```
#48783d rgb(72,120,61)
```
#508544
```
#508544 rgb(80,133,68)
```
#58924a
```
#58924a rgb(88,146,74)
```
#609f51
```
#609f51 rgb(96,159,81)
```

Shade Color Variation

#68aa59
```
#68aa59 rgb(104,170,89)
```
#74b166
```
#74b166 rgb(116,177,102)
```
#80b773
```
#80b773 rgb(128,183,115)
```
#8cbe80
```
#8cbe80 rgb(140,190,128)
```
#97c58d
```
#97c58d rgb(151,197,141)
```
#a3cb9a
```
#a3cb9a rgb(163,203,154)
```
#afd2a7
```
#afd2a7 rgb(175,210,167)
```
#bbd9b4
```
#bbd9b4 rgb(187,217,180)
```
#c7dfc1
```
#c7dfc1 rgb(199,223,193)
```
#d2e6ce
```
#d2e6ce rgb(210,230,206)
```
#deeddb
```
#deeddb rgb(222,237,219)
```
#eaf3e8
```
#eaf3e8 rgb(234,243,232)
```
#f6faf5
```
#f6faf5 rgb(246,250,245)
```

Tint Color Variation

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

#bcbebb
```
#bcbebb rgb(188,190,187)
```
#b9c3b6
```
#b9c3b6 rgb(185,195,182)
```
#b5c8b1
```
#b5c8b1 rgb(181,200,177)
```
#b2cdac
```
#b2cdac rgb(178,205,172)
```
#afd2a7
```
#afd2a7 rgb(175,210,167)
```
#acd7a2
```
#acd7a2 rgb(172,215,162)
```
#a9dc9d
```
#a9dc9d rgb(169,220,157)
```
#a5e198
```
#a5e198 rgb(165,225,152)
```
#a2e693
```
#a2e693 rgb(162,230,147)
```
#9fec8d
```
#9fec8d rgb(159,236,141)
```
#9cf188
```
#9cf188 rgb(156,241,136)
```
#99f683
```
#99f683 rgb(153,246,131)
```
#95fb7e
```
#95fb7e rgb(149,251,126)
```

Tone Color Variation

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

Dichromacy

#d6caa7 Protanopia 1% of men
#e7c4b0 Deuteranopia 1% of men
#bccddc Tritanopia 0.001% of the population

Trichromacy

#c8cda7 Protanomaly 1% of men, 0.01% of women
#d3c9ad Deuteranomaly 6% of men, 0.4% of women
#b7cfc8 Tritanomaly 0.01% of the population

#afd2a7 hex color

#afd2a7 Color Information

#afd2a7 Color Conversion

Color Schemes with #afd2a7

Alternatives to #afd2a7

#afd2a7 Preview

Shades and Tints of #afd2a7

Tones of #afd2a7

Color Blindness Simulator