#afd3ae hex color

In a RGB color space, hex #afd3ae is composed of 68.6% red, 82.7% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 0% magenta, 17.5% yellow and 17.3% black. It has a hue angle of 118.4 degrees, a saturation of 29.6% and a lightness of 75.5%. #afd3ae color hex could be obtained by blending #ffffff with #5fa75d. Closest websafe color is: #99cc99.

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

● #afd3ae color description : Grayish lime green.

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

Hex triplet	afd3ae	`#afd3ae`
RGB Decimal	175, 211, 174	`rgb(175,211,174)`
RGB Percent	68.6, 82.7, 68.2	`rgb(68.6%,82.7%,68.2%)`
CMYK	17, 0, 18, 17
HSL	118.4°, 29.6, 75.5	`hsl(118.4,29.6%,75.5%)`
HSV (or HSB)	118.4°, 17.5, 82.7
Web Safe	99cc99	`#99cc99`

CIE-LAB	81.158, -18.929, 14.435
XYZ	48.612, 58.758, 48.822
xyY	0.311, 0.376, 58.758
CIE-LCH	81.158, 23.805, 142.671
CIE-LUV	81.158, -18.149, 24.191
Hunter-Lab	76.653, -20.944, 15.894
Binary	10101111, 11010011, 10101110

#afd3ae
```
#afd3ae rgb(175,211,174)
```
#d2aed3
```
#d2aed3 rgb(210,174,211)
```

Complementary Color

#c2d3ae
```
#c2d3ae rgb(194,211,174)
```
#afd3ae
```
#afd3ae rgb(175,211,174)
```
#aed3c0
```
#aed3c0 rgb(174,211,192)
```

Analogous Color

#d3aec2
```
#d3aec2 rgb(211,174,194)
```
#afd3ae
```
#afd3ae rgb(175,211,174)
```
#c0aed3
```
#c0aed3 rgb(192,174,211)
```

Split Complementary Color

#d3aeaf
```
#d3aeaf rgb(211,174,175)
```
#afd3ae
```
#afd3ae rgb(175,211,174)
```
#aeafd3
```
#aeafd3 rgb(174,175,211)
```

Triadic Color

#d3d2ae
```
#d3d2ae rgb(211,210,174)
```
#afd3ae
```
#afd3ae rgb(175,211,174)
```
#aeafd3
```
#aeafd3 rgb(174,175,211)
```
#d2aed3
```
#d2aed3 rgb(210,174,211)
```

Tetradic Color

#7eb87c
```
#7eb87c rgb(126,184,124)
```
#8ec18d
```
#8ec18d rgb(142,193,141)
```
#9fca9d
```
#9fca9d rgb(159,202,157)
```
#afd3ae
```
#afd3ae rgb(175,211,174)
```
#bfdcbf
```
#bfdcbf rgb(191,220,191)
```
#d0e5cf
```
#d0e5cf rgb(208,229,207)
```
#e0eee0
```
#e0eee0 rgb(224,238,224)
```

Monochromatic Color

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

#b8d3ae
```
#b8d3ae rgb(184,211,174)
```
#b5d3ae
```
#b5d3ae rgb(181,211,174)
```
#b2d3ae
```
#b2d3ae rgb(178,211,174)
```
#afd3ae
```
#afd3ae rgb(175,211,174)
```
#aed3b0
```
#aed3b0 rgb(174,211,176)
```
#aed3b3
```
#aed3b3 rgb(174,211,179)
```
#aed3b6
```
#aed3b6 rgb(174,211,182)
```

Similar Colors

Text with hexadecimal color #afd3ae

This text has a font color of #afd3ae.

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

#afd3ae background color

This paragraph has a background color of #afd3ae.

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

#afd3ae border color

This element has a border color of #afd3ae.

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

CSS codes

.text {color:#afd3ae;}

.background {background-color:#afd3ae;}

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

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

#040804
```
#040804 rgb(4,8,4)
```
#0b150b
```
#0b150b rgb(11,21,11)
```
#132112
```
#132112 rgb(19,33,18)
```
#1a2e19
```
#1a2e19 rgb(26,46,25)
```
#213b20
```
#213b20 rgb(33,59,32)
```
#284827
```
#284827 rgb(40,72,39)
```
#2f542e
```
#2f542e rgb(47,84,46)
```
#366135
```
#366135 rgb(54,97,53)
```
#3d6e3c
```
#3d6e3c rgb(61,110,60)
```
#447a42
```
#447a42 rgb(68,122,66)
```
#4b8749
```
#4b8749 rgb(75,135,73)
```
#529450
```
#529450 rgb(82,148,80)
```
#59a157
```
#59a157 rgb(89,161,87)
```

Shade Color Variation

#64aa62
```
#64aa62 rgb(100,170,98)
```
#70b06e
```
#70b06e rgb(112,176,110)
```
#7db77b
```
#7db77b rgb(125,183,123)
```
#89be88
```
#89be88 rgb(137,190,136)
```
#96c595
```
#96c595 rgb(150,197,149)
```
#a2cca1
```
#a2cca1 rgb(162,204,161)
```
#afd3ae
```
#afd3ae rgb(175,211,174)
```
#bcdabb
```
#bcdabb rgb(188,218,187)
```
#c8e1c7
```
#c8e1c7 rgb(200,225,199)
```
#d5e8d4
```
#d5e8d4 rgb(213,232,212)
```
#e1efe1
```
#e1efe1 rgb(225,239,225)
```
#eef6ee
```
#eef6ee rgb(238,246,238)
```
#fafcfa
```
#fafcfa rgb(250,252,250)
```

Tint Color Variation

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

#bdc5bc
```
#bdc5bc rgb(189,197,188)
```
#b8c9b8
```
#b8c9b8 rgb(184,201,184)
```
#b4ceb3
```
#b4ceb3 rgb(180,206,179)
```
#afd3ae
```
#afd3ae rgb(175,211,174)
```
#aad8a9
```
#aad8a9 rgb(170,216,169)
```
#a6dda4
```
#a6dda4 rgb(166,221,164)
```
#a1e1a0
```
#a1e1a0 rgb(161,225,160)
```
#9de69b
```
#9de69b rgb(157,230,155)
```
#98eb96
```
#98eb96 rgb(152,235,150)
```
#94f091
```
#94f091 rgb(148,240,145)
```
#8ff58c
```
#8ff58c rgb(143,245,140)
```
#8bf988
```
#8bf988 rgb(139,249,136)
```
#86fe83
```
#86fe83 rgb(134,254,131)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c0c7c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6cbad Protanopia 1% of men
#e7c5b7 Deuteranopia 1% of men
#bbcfdd Tritanopia 0.001% of the population

Trichromacy

#c8cead Protanomaly 1% of men, 0.01% of women
#d2cab3 Deuteranomaly 6% of men, 0.4% of women
#b7d0cc Tritanomaly 0.01% of the population

#afd3ae hex color

#afd3ae Color Information

#afd3ae Color Conversion

Color Schemes with #afd3ae

Alternatives to #afd3ae

#afd3ae Preview

Shades and Tints of #afd3ae

Tones of #afd3ae

Color Blindness Simulator