colorhexa.com

#afd2a5 hex color

In a RGB color space, hex #afd2a5 is composed of 68.6% red, 82.4% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 21.4% yellow and 17.6% black. It has a hue angle of 106.7 degrees, a saturation of 33.3% and a lightness of 73.5%. #afd2a5 color hex could be obtained by blending #ffffff with #5fa54b. Closest websafe color is: #99cc99.

- R 69
- G 82
- B 65
RGB color chart
- C 17
- M 0
- Y 21
- K 18
CMYK color chart

● #afd2a5 color description : Grayish lime green.

The hexadecimal color #afd2a5 has RGB values of R:175, G:210, B:165 and CMYK values of C:0.17, M:0, Y:0.21, K:0.18. Its decimal value is 11522725.

Hex triplet	afd2a5	`#afd2a5`
RGB Decimal	175, 210, 165	`rgb(175,210,165)`
RGB Percent	68.6, 82.4, 64.7	`rgb(68.6%,82.4%,64.7%)`
CMYK	17, 0, 21, 18
HSL	106.7°, 33.3, 73.5	`hsl(106.7,33.3%,73.5%)`
HSV (or HSB)	106.7°, 21.4, 82.4
Web Safe	99cc99	`#99cc99`

CIE-LAB	80.696, -19.964, 18.549
XYZ	47.516, 57.923, 44.272
xyY	0.317, 0.387, 57.923
CIE-LCH	80.696, 27.252, 137.104
CIE-LUV	80.696, -17.504, 29.935
Hunter-Lab	76.107, -21.745, 18.786
Binary	10101111, 11010010, 10100101

#afd2a5
```
#afd2a5 rgb(175,210,165)
```
#c8a5d2
```
#c8a5d2 rgb(200,165,210)
```

Complementary Color

#c6d2a5
```
#c6d2a5 rgb(198,210,165)
```
#afd2a5
```
#afd2a5 rgb(175,210,165)
```
#a5d2b2
```
#a5d2b2 rgb(165,210,178)
```

Analogous Color

#d2a5c6
```
#d2a5c6 rgb(210,165,198)
```
#afd2a5
```
#afd2a5 rgb(175,210,165)
```
#b2a5d2
```
#b2a5d2 rgb(178,165,210)
```

Split Complementary Color

#d2a5af
```
#d2a5af rgb(210,165,175)
```
#afd2a5
```
#afd2a5 rgb(175,210,165)
```
#a5afd2
```
#a5afd2 rgb(165,175,210)
```

Triadic Color

#d2c8a5
```
#d2c8a5 rgb(210,200,165)
```
#afd2a5
```
#afd2a5 rgb(175,210,165)
```
#a5afd2
```
#a5afd2 rgb(165,175,210)
```
#c8a5d2
```
#c8a5d2 rgb(200,165,210)
```

Tetradic Color

#82b972
```
#82b972 rgb(130,185,114)
```
#91c183
```
#91c183 rgb(145,193,131)
```
#a0ca94
```
#a0ca94 rgb(160,202,148)
```
#afd2a5
```
#afd2a5 rgb(175,210,165)
```
#bedbb6
```
#bedbb6 rgb(190,219,182)
```
#cde3c7
```
#cde3c7 rgb(205,227,199)
```
#dcecd8
```
#dcecd8 rgb(220,236,216)
```

Monochromatic Color

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

#bad2a5
```
#bad2a5 rgb(186,210,165)
```
#b7d2a5
```
#b7d2a5 rgb(183,210,165)
```
#b3d2a5
```
#b3d2a5 rgb(179,210,165)
```
#afd2a5
```
#afd2a5 rgb(175,210,165)
```
#abd2a5
```
#abd2a5 rgb(171,210,165)
```
#a8d2a5
```
#a8d2a5 rgb(168,210,165)
```
#a5d2a6
```
#a5d2a6 rgb(165,210,166)
```

Similar Colors

Text with hexadecimal color #afd2a5

This text has a font color of #afd2a5.

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

#afd2a5 background color

This paragraph has a background color of #afd2a5.

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

#afd2a5 border color

This element has a border color of #afd2a5.

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

CSS codes

.text {color:#afd2a5;}

.background {background-color:#afd2a5;}

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

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

#010201
```
#010201 rgb(1,2,1)
```
#090f07
```
#090f07 rgb(9,15,7)
```
#111c0e
```
#111c0e rgb(17,28,14)
```
#192914
```
#192914 rgb(25,41,20)
```
#21361b
```
#21361b rgb(33,54,27)
```
#294321
```
#294321 rgb(41,67,33)
```
#315028
```
#315028 rgb(49,80,40)
```
#395d2f
```
#395d2f rgb(57,93,47)
```
#416a35
```
#416a35 rgb(65,106,53)
```
#49773c
```
#49773c rgb(73,119,60)
```
#518442
```
#518442 rgb(81,132,66)
```
#599149
```
#599149 rgb(89,145,73)
```
#619e4f
```
#619e4f rgb(97,158,79)
```

Shade Color Variation

#69ab57
```
#69ab57 rgb(105,171,87)
```
#75b164
```
#75b164 rgb(117,177,100)
```
#81b871
```
#81b871 rgb(129,184,113)
```
#8cbe7e
```
#8cbe7e rgb(140,190,126)
```
#98c58b
```
#98c58b rgb(152,197,139)
```
#a3cb98
```
#a3cb98 rgb(163,203,152)
```
#afd2a5
```
#afd2a5 rgb(175,210,165)
```
#bbd9b2
```
#bbd9b2 rgb(187,217,178)
```
#c6dfbf
```
#c6dfbf rgb(198,223,191)
```
#d2e6cc
```
#d2e6cc rgb(210,230,204)
```
#ddecd9
```
#ddecd9 rgb(221,236,217)
```
#e9f3e6
```
#e9f3e6 rgb(233,243,230)
```
#f5f9f3
```
#f5f9f3 rgb(245,249,243)
```

Tint Color Variation

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

#bbbdba
```
#bbbdba rgb(187,189,186)
```
#b8c2b5
```
#b8c2b5 rgb(184,194,181)
```
#b5c8af
```
#b5c8af rgb(181,200,175)
```
#b2cdaa
```
#b2cdaa rgb(178,205,170)
```
#afd2a5
```
#afd2a5 rgb(175,210,165)
```
#acd7a0
```
#acd7a0 rgb(172,215,160)
```
#a9dc9b
```
#a9dc9b rgb(169,220,155)
```
#a6e295
```
#a6e295 rgb(166,226,149)
```
#a3e790
```
#a3e790 rgb(163,231,144)
```
#a1ec8b
```
#a1ec8b rgb(161,236,139)
```
#9ef186
```
#9ef186 rgb(158,241,134)
```
#9bf681
```
#9bf681 rgb(155,246,129)
```
#98fc7b
```
#98fc7b rgb(152,252,123)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#bec5bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7caa5 Protanopia 1% of men
#e8c3ae Deuteranopia 1% of men
#bccddc Tritanopia 0.001% of the population

Trichromacy

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