#afd286 hex color

In a RGB color space, hex #afd286 is composed of 68.6% red, 82.4% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 36.2% yellow and 17.6% black. It has a hue angle of 87.6 degrees, a saturation of 45.8% and a lightness of 67.5%. #afd286 color hex could be obtained by blending #ffffff with #5fa50d. Closest websafe color is: #99cc99.

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

● #afd286 color description : Slightly desaturated green.

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

Hex triplet	afd286	`#afd286`
RGB Decimal	175, 210, 134	`rgb(175,210,134)`
RGB Percent	68.6, 82.4, 52.5	`rgb(68.6%,82.4%,52.5%)`
CMYK	17, 0, 36, 18
HSL	87.6°, 45.8, 67.5	`hsl(87.6,45.8%,67.5%)`
HSV (or HSB)	87.6°, 36.2, 82.4
Web Safe	99cc99	`#99cc99`

CIE-LAB	80.139, -24.614, 33.946
XYZ	45.028, 56.928, 31.169
xyY	0.338, 0.428, 56.928
CIE-LCH	80.139, 41.931, 125.946
CIE-LUV	80.139, -17.043, 49.914
Hunter-Lab	75.45, -25.512, 28.322
Binary	10101111, 11010010, 10000110

#afd286
```
#afd286 rgb(175,210,134)
```
#a986d2
```
#a986d2 rgb(169,134,210)
```

Complementary Color

#d2cf86
```
#d2cf86 rgb(210,207,134)
```
#afd286
```
#afd286 rgb(175,210,134)
```
#89d286
```
#89d286 rgb(137,210,134)
```

Analogous Color

#cf86d2
```
#cf86d2 rgb(207,134,210)
```
#afd286
```
#afd286 rgb(175,210,134)
```
#8689d2
```
#8689d2 rgb(134,137,210)
```

Split Complementary Color

#d286af
```
#d286af rgb(210,134,175)
```
#afd286
```
#afd286 rgb(175,210,134)
```
#86afd2
```
#86afd2 rgb(134,175,210)
```

Triadic Color

#d2a986
```
#d2a986 rgb(210,169,134)
```
#afd286
```
#afd286 rgb(175,210,134)
```
#86afd2
```
#86afd2 rgb(134,175,210)
```
#a986d2
```
#a986d2 rgb(169,134,210)
```

Tetradic Color

#8abd4e
```
#8abd4e rgb(138,189,78)
```
#96c461
```
#96c461 rgb(150,196,97)
```
#a3cb73
```
#a3cb73 rgb(163,203,115)
```
#afd286
```
#afd286 rgb(175,210,134)
```
#bbd999
```
#bbd999 rgb(187,217,153)
```
#c8e0ab
```
#c8e0ab rgb(200,224,171)
```
#d4e7be
```
#d4e7be rgb(212,231,190)
```

Monochromatic Color

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

#c2d286
```
#c2d286 rgb(194,210,134)
```
#bcd286
```
#bcd286 rgb(188,210,134)
```
#b5d286
```
#b5d286 rgb(181,210,134)
```
#afd286
```
#afd286 rgb(175,210,134)
```
#a9d286
```
#a9d286 rgb(169,210,134)
```
#a2d286
```
#a2d286 rgb(162,210,134)
```
#9cd286
```
#9cd286 rgb(156,210,134)
```

Similar Colors

Text with hexadecimal color #afd286

This text has a font color of #afd286.

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

#afd286 background color

This paragraph has a background color of #afd286.

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

#afd286 border color

This element has a border color of #afd286.

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

CSS codes

.text {color:#afd286;}

.background {background-color:#afd286;}

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

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

#050803
```
#050803 rgb(5,8,3)
```
#101608
```
#101608 rgb(16,22,8)
```
#1a240d
```
#1a240d rgb(26,36,13)
```
#243313
```
#243313 rgb(36,51,19)
```
#2e4118
```
#2e4118 rgb(46,65,24)
```
#384f1d
```
#384f1d rgb(56,79,29)
```
#425d23
```
#425d23 rgb(66,93,35)
```
#4d6c28
```
#4d6c28 rgb(77,108,40)
```
#577a2d
```
#577a2d rgb(87,122,45)
```
#618833
```
#618833 rgb(97,136,51)
```
#6b9738
```
#6b9738 rgb(107,151,56)
```
#75a53d
```
#75a53d rgb(117,165,61)
```
#7fb343
```
#7fb343 rgb(127,179,67)
```

Shade Color Variation

#89bd4d
```
#89bd4d rgb(137,189,77)
```
#93c25b
```
#93c25b rgb(147,194,91)
```
#9cc769
```
#9cc769 rgb(156,199,105)
```
#a6cd78
```
#a6cd78 rgb(166,205,120)
```
#afd286
```
#afd286 rgb(175,210,134)
```
#b8d794
```
#b8d794 rgb(184,215,148)
```
#c2dda3
```
#c2dda3 rgb(194,221,163)
```
#cbe2b1
```
#cbe2b1 rgb(203,226,177)
```
#d5e7bf
```
#d5e7bf rgb(213,231,191)
```
#deedcd
```
#deedcd rgb(222,237,205)
```
#e8f2dc
```
#e8f2dc rgb(232,242,220)
```
#f1f7ea
```
#f1f7ea rgb(241,247,234)
```
#fbfdf8
```
#fbfdf8 rgb(251,253,248)
```

Tint Color Variation

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

#acb2a6
```
#acb2a6 rgb(172,178,166)
```
#adb8a0
```
#adb8a0 rgb(173,184,160)
```
#adbf99
```
#adbf99 rgb(173,191,153)
```
#aec593
```
#aec593 rgb(174,197,147)
```
#aecc8c
```
#aecc8c rgb(174,204,140)
```
#afd286
```
#afd286 rgb(175,210,134)
```
#b0d880
```
#b0d880 rgb(176,216,128)
```
#b0df79
```
#b0df79 rgb(176,223,121)
```
#b1e573
```
#b1e573 rgb(177,229,115)
```
#b1ec6c
```
#b1ec6c rgb(177,236,108)
```
#b2f266
```
#b2f266 rgb(178,242,102)
```
#b2f860
```
#b2f860 rgb(178,248,96)
```
#b3ff59
```
#b3ff59 rgb(179,255,89)
```

Tone Color Variation

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

Dichromacy

#dac988 Protanopia 1% of men
#eec192 Deuteranopia 1% of men
#c0cad9 Tritanopia 0.001% of the population

Trichromacy

#cacc87 Protanomaly 1% of men, 0.01% of women
#d7c78d Deuteranomaly 6% of men, 0.4% of women
#b9cdba Tritanomaly 0.01% of the population

#afd286 hex color

#afd286 Color Information

#afd286 Color Conversion

Color Schemes with #afd286

Alternatives to #afd286

#afd286 Preview

Shades and Tints of #afd286

Tones of #afd286

Color Blindness Simulator