#afd486 hex color

In a RGB color space, hex #afd486 is composed of 68.6% red, 83.1% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 0% magenta, 36.8% yellow and 16.9% black. It has a hue angle of 88.5 degrees, a saturation of 47.6% and a lightness of 67.8%. #afd486 color hex could be obtained by blending #ffffff with #5fa90d. Closest websafe color is: #99cc99.

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

● #afd486 color description : Slightly desaturated green.

The hexadecimal color #afd486 has RGB values of R:175, G:212, B:134 and CMYK values of C:0.17, M:0, Y:0.37, K:0.17. Its decimal value is 11523206.

Hex triplet	afd486	`#afd486`
RGB Decimal	175, 212, 134	`rgb(175,212,134)`
RGB Percent	68.6, 83.1, 52.5	`rgb(68.6%,83.1%,52.5%)`
CMYK	17, 0, 37, 17
HSL	88.5°, 47.6, 67.8	`hsl(88.5,47.6%,67.8%)`
HSV (or HSB)	88.5°, 36.8, 83.1
Web Safe	99cc99	`#99cc99`

CIE-LAB	80.695, -25.583, 34.672
XYZ	45.525, 57.921, 31.334
xyY	0.338, 0.43, 57.921
CIE-LCH	80.695, 43.089, 126.422
CIE-LUV	80.695, -18.095, 51.025
Hunter-Lab	76.106, -26.412, 28.863
Binary	10101111, 11010100, 10000110

#afd486
```
#afd486 rgb(175,212,134)
```
#ab86d4
```
#ab86d4 rgb(171,134,212)
```

Complementary Color

#d4d286
```
#d4d286 rgb(212,210,134)
```
#afd486
```
#afd486 rgb(175,212,134)
```
#88d486
```
#88d486 rgb(136,212,134)
```

Analogous Color

#d286d4
```
#d286d4 rgb(210,134,212)
```
#afd486
```
#afd486 rgb(175,212,134)
```
#8688d4
```
#8688d4 rgb(134,136,212)
```

Split Complementary Color

#d486af
```
#d486af rgb(212,134,175)
```
#afd486
```
#afd486 rgb(175,212,134)
```
#86afd4
```
#86afd4 rgb(134,175,212)
```

Triadic Color

#d4ab86
```
#d4ab86 rgb(212,171,134)
```
#afd486
```
#afd486 rgb(175,212,134)
```
#86afd4
```
#86afd4 rgb(134,175,212)
```
#ab86d4
```
#ab86d4 rgb(171,134,212)
```

Tetradic Color

#8ac04e
```
#8ac04e rgb(138,192,78)
```
#96c760
```
#96c760 rgb(150,199,96)
```
#a3cd73
```
#a3cd73 rgb(163,205,115)
```
#afd486
```
#afd486 rgb(175,212,134)
```
#bbdb99
```
#bbdb99 rgb(187,219,153)
```
#c8e1ac
```
#c8e1ac rgb(200,225,172)
```
#d4e8be
```
#d4e8be rgb(212,232,190)
```

Monochromatic Color

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

#c3d486
```
#c3d486 rgb(195,212,134)
```
#bcd486
```
#bcd486 rgb(188,212,134)
```
#b6d486
```
#b6d486 rgb(182,212,134)
```
#afd486
```
#afd486 rgb(175,212,134)
```
#a9d486
```
#a9d486 rgb(169,212,134)
```
#a2d486
```
#a2d486 rgb(162,212,134)
```
#9cd486
```
#9cd486 rgb(156,212,134)
```

Similar Colors

Text with hexadecimal color #afd486

This text has a font color of #afd486.

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

#afd486 background color

This paragraph has a background color of #afd486.

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

#afd486 border color

This element has a border color of #afd486.

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

CSS codes

.text {color:#afd486;}

.background {background-color:#afd486;}

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

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

#060903
```
#060903 rgb(6,9,3)
```
#101808
```
#101808 rgb(16,24,8)
```
#1b260e
```
#1b260e rgb(27,38,14)
```
#253513
```
#253513 rgb(37,53,19)
```
#2f4318
```
#2f4318 rgb(47,67,24)
```
#39521d
```
#39521d rgb(57,82,29)
```
#436022
```
#436022 rgb(67,96,34)
```
#4d6f27
```
#4d6f27 rgb(77,111,39)
```
#577d2c
```
#577d2c rgb(87,125,44)
```
#618c32
```
#618c32 rgb(97,140,50)
```
#6b9a37
```
#6b9a37 rgb(107,154,55)
```
#75a83c
```
#75a83c rgb(117,168,60)
```
#7fb741
```
#7fb741 rgb(127,183,65)
```

Shade Color Variation

#89bf4c
```
#89bf4c rgb(137,191,76)
```
#92c55b
```
#92c55b rgb(146,197,91)
```
#9cca69
```
#9cca69 rgb(156,202,105)
```
#a5cf78
```
#a5cf78 rgb(165,207,120)
```
#afd486
```
#afd486 rgb(175,212,134)
```
#b9d994
```
#b9d994 rgb(185,217,148)
```
#c2dea3
```
#c2dea3 rgb(194,222,163)
```
#cce3b1
```
#cce3b1 rgb(204,227,177)
```
#d5e9c0
```
#d5e9c0 rgb(213,233,192)
```
#dfeece
```
#dfeece rgb(223,238,206)
```
#e8f3dd
```
#e8f3dd rgb(232,243,221)
```
#f2f8eb
```
#f2f8eb rgb(242,248,235)
```
#fcfdfa
```
#fcfdfa rgb(252,253,250)
```

Tint Color Variation

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

#adaeac
```
#adaeac rgb(173,174,172)
```
#adb4a6
```
#adb4a6 rgb(173,180,166)
```
#aebb9f
```
#aebb9f rgb(174,187,159)
```
#aec199
```
#aec199 rgb(174,193,153)
```
#aec793
```
#aec793 rgb(174,199,147)
```
#afce8c
```
#afce8c rgb(175,206,140)
```
#afd486
```
#afd486 rgb(175,212,134)
```
#afda80
```
#afda80 rgb(175,218,128)
```
#b0e179
```
#b0e179 rgb(176,225,121)
```
#b0e773
```
#b0e773 rgb(176,231,115)
```
#b0ed6d
```
#b0ed6d rgb(176,237,109)
```
#b1f466
```
#b1f466 rgb(177,244,102)
```
#b1fa60
```
#b1fa60 rgb(177,250,96)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#bdc4b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dccb88 Protanopia 1% of men
#f0c392 Deuteranopia 1% of men
#c0ccdb Tritanopia 0.001% of the population

Trichromacy

#cbce87 Protanomaly 1% of men, 0.01% of women
#d8c98d Deuteranomaly 6% of men, 0.4% of women
#bacfbc Tritanomaly 0.01% of the population

#afd486 hex color

#afd486 Color Information

#afd486 Color Conversion

Color Schemes with #afd486

Alternatives to #afd486

#afd486 Preview

Shades and Tints of #afd486

Tones of #afd486

Color Blindness Simulator