#afd2ae hex color

In a RGB color space, hex #afd2ae is composed of 68.6% red, 82.4% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 17.1% yellow and 17.6% black. It has a hue angle of 118.3 degrees, a saturation of 28.6% and a lightness of 75.3%. #afd2ae color hex could be obtained by blending #ffffff with #5fa55d. Closest websafe color is: #99cc99.

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

● #afd2ae color description : Grayish lime green.

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

Hex triplet	afd2ae	`#afd2ae`
RGB Decimal	175, 210, 174	`rgb(175,210,174)`
RGB Percent	68.6, 82.4, 68.2	`rgb(68.6%,82.4%,68.2%)`
CMYK	17, 0, 17, 18
HSL	118.3°, 28.6, 75.3	`hsl(118.3,28.6%,75.3%)`
HSV (or HSB)	118.3°, 17.1, 82.4
Web Safe	99cc99	`#99cc99`

CIE-LAB	80.884, -18.429, 14.049
XYZ	48.364, 58.262, 48.74
xyY	0.311, 0.375, 58.262
CIE-LCH	80.884, 23.173, 142.68
CIE-LUV	80.884, -17.654, 23.554
Hunter-Lab	76.33, -20.476, 15.572
Binary	10101111, 11010010, 10101110

#afd2ae
```
#afd2ae rgb(175,210,174)
```
#d1aed2
```
#d1aed2 rgb(209,174,210)
```

Complementary Color

#c1d2ae
```
#c1d2ae rgb(193,210,174)
```
#afd2ae
```
#afd2ae rgb(175,210,174)
```
#aed2bf
```
#aed2bf rgb(174,210,191)
```

Analogous Color

#d2aec1
```
#d2aec1 rgb(210,174,193)
```
#afd2ae
```
#afd2ae rgb(175,210,174)
```
#bfaed2
```
#bfaed2 rgb(191,174,210)
```

Split Complementary Color

#d2aeaf
```
#d2aeaf rgb(210,174,175)
```
#afd2ae
```
#afd2ae rgb(175,210,174)
```
#aeafd2
```
#aeafd2 rgb(174,175,210)
```

Triadic Color

#d2d1ae
```
#d2d1ae rgb(210,209,174)
```
#afd2ae
```
#afd2ae rgb(175,210,174)
```
#aeafd2
```
#aeafd2 rgb(174,175,210)
```
#d1aed2
```
#d1aed2 rgb(209,174,210)
```

Tetradic Color

#7eb77d
```
#7eb77d rgb(126,183,125)
```
#8fc08d
```
#8fc08d rgb(143,192,141)
```
#9fc99e
```
#9fc99e rgb(159,201,158)
```
#afd2ae
```
#afd2ae rgb(175,210,174)
```
#bfdbbe
```
#bfdbbe rgb(191,219,190)
```
#cfe4cf
```
#cfe4cf rgb(207,228,207)
```
#e0eddf
```
#e0eddf rgb(224,237,223)
```

Monochromatic Color

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

#b8d2ae
```
#b8d2ae rgb(184,210,174)
```
#b5d2ae
```
#b5d2ae rgb(181,210,174)
```
#b2d2ae
```
#b2d2ae rgb(178,210,174)
```
#afd2ae
```
#afd2ae rgb(175,210,174)
```
#aed2b0
```
#aed2b0 rgb(174,210,176)
```
#aed2b3
```
#aed2b3 rgb(174,210,179)
```
#aed2b6
```
#aed2b6 rgb(174,210,182)
```

Similar Colors

Text with hexadecimal color #afd2ae

This text has a font color of #afd2ae.

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

#afd2ae background color

This paragraph has a background color of #afd2ae.

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

#afd2ae border color

This element has a border color of #afd2ae.

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

CSS codes

.text {color:#afd2ae;}

.background {background-color:#afd2ae;}

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

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

#040704
```
#040704 rgb(4,7,4)
```
#0b140b
```
#0b140b rgb(11,20,11)
```
#122012
```
#122012 rgb(18,32,18)
```
#1a2d19
```
#1a2d19 rgb(26,45,25)
```
#213a20
```
#213a20 rgb(33,58,32)
```
#284627
```
#284627 rgb(40,70,39)
```
#2f532e
```
#2f532e rgb(47,83,46)
```
#366035
```
#366035 rgb(54,96,53)
```
#3d6c3c
```
#3d6c3c rgb(61,108,60)
```
#457943
```
#457943 rgb(69,121,67)
```
#4c854a
```
#4c854a rgb(76,133,74)
```
#539251
```
#539251 rgb(83,146,81)
```
#5a9f58
```
#5a9f58 rgb(90,159,88)
```

Shade Color Variation

#64a862
```
#64a862 rgb(100,168,98)
```
#71af6f
```
#71af6f rgb(113,175,111)
```
#7db67c
```
#7db67c rgb(125,182,124)
```
#8abd88
```
#8abd88 rgb(138,189,136)
```
#96c495
```
#96c495 rgb(150,196,149)
```
#a3cba1
```
#a3cba1 rgb(163,203,161)
```
#afd2ae
```
#afd2ae rgb(175,210,174)
```
#bbd9bb
```
#bbd9bb rgb(187,217,187)
```
#c8e0c7
```
#c8e0c7 rgb(200,224,199)
```
#d4e7d4
```
#d4e7d4 rgb(212,231,212)
```
#e1eee0
```
#e1eee0 rgb(225,238,224)
```
#edf5ed
```
#edf5ed rgb(237,245,237)
```
#fafcfa
```
#fafcfa rgb(250,252,250)
```

Tint Color Variation

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

#bdc3bd
```
#bdc3bd rgb(189,195,189)
```
#b8c8b8
```
#b8c8b8 rgb(184,200,184)
```
#b4cdb3
```
#b4cdb3 rgb(180,205,179)
```
#afd2ae
```
#afd2ae rgb(175,210,174)
```
#aad7a9
```
#aad7a9 rgb(170,215,169)
```
#a6dca4
```
#a6dca4 rgb(166,220,164)
```
#a1e19f
```
#a1e19f rgb(161,225,159)
```
#9de59b
```
#9de59b rgb(157,229,155)
```
#98ea96
```
#98ea96 rgb(152,234,150)
```
#94ef91
```
#94ef91 rgb(148,239,145)
```
#8ff48c
```
#8ff48c rgb(143,244,140)
```
#8af987
```
#8af987 rgb(138,249,135)
```
#86fe82
```
#86fe82 rgb(134,254,130)
```

Tone Color Variation

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

Dichromacy

#d6cbad Protanopia 1% of men
#e6c4b7 Deuteranopia 1% of men
#bbcedd Tritanopia 0.001% of the population

Trichromacy

#c7cdad Protanomaly 1% of men, 0.01% of women
#d2c9b3 Deuteranomaly 6% of men, 0.4% of women
#b7cfcb Tritanomaly 0.01% of the population

#afd2ae hex color

#afd2ae Color Information

#afd2ae Color Conversion

Color Schemes with #afd2ae

Alternatives to #afd2ae

#afd2ae Preview

Shades and Tints of #afd2ae

Tones of #afd2ae

Color Blindness Simulator