#afd18e hex color

In a RGB color space, hex #afd18e is composed of 68.6% red, 82% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 16.3% cyan, 0% magenta, 32.1% yellow and 18% black. It has a hue angle of 90.4 degrees, a saturation of 42.1% and a lightness of 68.8%. #afd18e color hex could be obtained by blending #ffffff with #5fa31d. Closest websafe color is: #99cc99.

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

● #afd18e color description : Slightly desaturated green.

The hexadecimal color #afd18e has RGB values of R:175, G:209, B:142 and CMYK values of C:0.16, M:0, Y:0.32, K:0.18. Its decimal value is 11522446.

Hex triplet	afd18e	`#afd18e`
RGB Decimal	175, 209, 142	`rgb(175,209,142)`
RGB Percent	68.6, 82, 55.7	`rgb(68.6%,82%,55.7%)`
CMYK	16, 0, 32, 18
HSL	90.4°, 42.1, 68.8	`hsl(90.4,42.1%,68.8%)`
HSV (or HSB)	90.4°, 32.1, 82
Web Safe	99cc99	`#99cc99`

CIE-LAB	79.992, -23.022, 29.634
XYZ	45.361, 56.667, 34.138
xyY	0.333, 0.416, 56.667
CIE-LCH	79.992, 37.526, 127.843
CIE-LUV	79.992, -16.631, 44.51
Hunter-Lab	75.278, -24.175, 25.807
Binary	10101111, 11010001, 10001110

#afd18e
```
#afd18e rgb(175,209,142)
```
#b08ed1
```
#b08ed1 rgb(176,142,209)
```

Complementary Color

#d1d18e
```
#d1d18e rgb(209,209,142)
```
#afd18e
```
#afd18e rgb(175,209,142)
```
#8ed18f
```
#8ed18f rgb(142,209,143)
```

Analogous Color

#d18ed1
```
#d18ed1 rgb(209,142,209)
```
#afd18e
```
#afd18e rgb(175,209,142)
```
#8f8ed1
```
#8f8ed1 rgb(143,142,209)
```

Split Complementary Color

#d18eaf
```
#d18eaf rgb(209,142,175)
```
#afd18e
```
#afd18e rgb(175,209,142)
```
#8eafd1
```
#8eafd1 rgb(142,175,209)
```

Triadic Color

#d1b08e
```
#d1b08e rgb(209,176,142)
```
#afd18e
```
#afd18e rgb(175,209,142)
```
#8eafd1
```
#8eafd1 rgb(142,175,209)
```
#b08ed1
```
#b08ed1 rgb(176,142,209)
```

Tetradic Color

#89bb58
```
#89bb58 rgb(137,187,88)
```
#95c26a
```
#95c26a rgb(149,194,106)
```
#a2ca7c
```
#a2ca7c rgb(162,202,124)
```
#afd18e
```
#afd18e rgb(175,209,142)
```
#bcd8a0
```
#bcd8a0 rgb(188,216,160)
```
#c9e0b2
```
#c9e0b2 rgb(201,224,178)
```
#d5e7c4
```
#d5e7c4 rgb(213,231,196)
```

Monochromatic Color

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

#c0d18e
```
#c0d18e rgb(192,209,142)
```
#bad18e
```
#bad18e rgb(186,209,142)
```
#b5d18e
```
#b5d18e rgb(181,209,142)
```
#afd18e
```
#afd18e rgb(175,209,142)
```
#a9d18e
```
#a9d18e rgb(169,209,142)
```
#a4d18e
```
#a4d18e rgb(164,209,142)
```
#9ed18e
```
#9ed18e rgb(158,209,142)
```

Similar Colors

Text with hexadecimal color #afd18e

This text has a font color of #afd18e.

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

#afd18e background color

This paragraph has a background color of #afd18e.

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

#afd18e border color

This element has a border color of #afd18e.

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

CSS codes

.text {color:#afd18e;}

.background {background-color:#afd18e;}

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

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, #090c05 is the darkest color, while #fefefe is the lightest one.

#090c05
```
#090c05 rgb(9,12,5)
```
#121a0b
```
#121a0b rgb(18,26,11)
```
#1c2810
```
#1c2810 rgb(28,40,16)
```
#263616
```
#263616 rgb(38,54,22)
```
#30441c
```
#30441c rgb(48,68,28)
```
#395221
```
#395221 rgb(57,82,33)
```
#436027
```
#436027 rgb(67,96,39)
```
#4d6e2d
```
#4d6e2d rgb(77,110,45)
```
#577c32
```
#577c32 rgb(87,124,50)
```
#608a38
```
#608a38 rgb(96,138,56)
```
#6a983e
```
#6a983e rgb(106,152,62)
```
#74a643
```
#74a643 rgb(116,166,67)
```
#7eb449
```
#7eb449 rgb(126,180,73)
```

Shade Color Variation

#88ba56
```
#88ba56 rgb(136,186,86)
```
#91c064
```
#91c064 rgb(145,192,100)
```
#9bc672
```
#9bc672 rgb(155,198,114)
```
#a5cb80
```
#a5cb80 rgb(165,203,128)
```
#afd18e
```
#afd18e rgb(175,209,142)
```
#b9d79c
```
#b9d79c rgb(185,215,156)
```
#c3dcaa
```
#c3dcaa rgb(195,220,170)
```
#cde2b8
```
#cde2b8 rgb(205,226,184)
```
#d6e8c6
```
#d6e8c6 rgb(214,232,198)
```
#e0edd4
```
#e0edd4 rgb(224,237,212)
```
#eaf3e2
```
#eaf3e2 rgb(234,243,226)
```
#f4f9f0
```
#f4f9f0 rgb(244,249,240)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#afb2ad
```
#afb2ad rgb(175,178,173)
```
#afb9a6
```
#afb9a6 rgb(175,185,166)
```
#afbfa0
```
#afbfa0 rgb(175,191,160)
```
#afc59a
```
#afc59a rgb(175,197,154)
```
#afcb94
```
#afcb94 rgb(175,203,148)
```
#afd18e
```
#afd18e rgb(175,209,142)
```
#afd788
```
#afd788 rgb(175,215,136)
```
#afdd82
```
#afdd82 rgb(175,221,130)
```
#afe37c
```
#afe37c rgb(175,227,124)
```
#afe976
```
#afe976 rgb(175,233,118)
```
#aff06f
```
#aff06f rgb(175,240,111)
```
#aef669
```
#aef669 rgb(174,246,105)
```
#aefc63
```
#aefc63 rgb(174,252,99)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bcc3b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8c98f Protanopia 1% of men
#ebc199 Deuteranopia 1% of men
#bfcad9 Tritanopia 0.001% of the population

Trichromacy

#c9cb8f Protanomaly 1% of men, 0.01% of women
#d5c795 Deuteranomaly 6% of men, 0.4% of women
#b9ccbd Tritanomaly 0.01% of the population

#afd18e hex color

#afd18e Color Information

#afd18e Color Conversion

Color Schemes with #afd18e

Alternatives to #afd18e

#afd18e Preview

Shades and Tints of #afd18e

Tones of #afd18e

Color Blindness Simulator