#afc687 hex color

In a RGB color space, hex #afc687 is composed of 68.6% red, 77.6% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 11.6% cyan, 0% magenta, 31.8% yellow and 22.4% black. It has a hue angle of 81.9 degrees, a saturation of 35.6% and a lightness of 65.3%. #afc687 color hex could be obtained by blending #ffffff with #5f8d0f. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 78
- B 53
RGB color chart
- C 12
- M 0
- Y 32
- K 22
CMYK color chart

● #afc687 color description : Slightly desaturated green.

The hexadecimal color #afc687 has RGB values of R:175, G:198, B:135 and CMYK values of C:0.12, M:0, Y:0.32, K:0.22. Its decimal value is 11519623.

Hex triplet	afc687	`#afc687`
RGB Decimal	175, 198, 135	`rgb(175,198,135)`
RGB Percent	68.6, 77.6, 52.9	`rgb(68.6%,77.6%,52.9%)`
CMYK	12, 0, 32, 22
HSL	81.9°, 35.6, 65.3	`hsl(81.9,35.6%,65.3%)`
HSV (or HSB)	81.9°, 31.8, 77.6
Web Safe	99cc99	`#99cc99`

CIE-LAB	76.831, -18.555, 29.068
XYZ	42.245, 51.251, 30.587
xyY	0.34, 0.413, 51.251
CIE-LCH	76.831, 34.485, 122.551
CIE-LUV	76.831, -10.646, 42.549
Hunter-Lab	71.59, -19.949, 24.781
Binary	10101111, 11000110, 10000111

#afc687
```
#afc687 rgb(175,198,135)
```
#9e87c6
```
#9e87c6 rgb(158,135,198)
```

Complementary Color

#c6be87
```
#c6be87 rgb(198,190,135)
```
#afc687
```
#afc687 rgb(175,198,135)
```
#90c687
```
#90c687 rgb(144,198,135)
```

Analogous Color

#be87c6
```
#be87c6 rgb(190,135,198)
```
#afc687
```
#afc687 rgb(175,198,135)
```
#8790c6
```
#8790c6 rgb(135,144,198)
```

Split Complementary Color

#c687af
```
#c687af rgb(198,135,175)
```
#afc687
```
#afc687 rgb(175,198,135)
```
#87afc6
```
#87afc6 rgb(135,175,198)
```

Triadic Color

#c69e87
```
#c69e87 rgb(198,158,135)
```
#afc687
```
#afc687 rgb(175,198,135)
```
#87afc6
```
#87afc6 rgb(135,175,198)
```
#9e87c6
```
#9e87c6 rgb(158,135,198)
```

Tetradic Color

#8cad53
```
#8cad53 rgb(140,173,83)
```
#98b664
```
#98b664 rgb(152,182,100)
```
#a3be76
```
#a3be76 rgb(163,190,118)
```
#afc687
```
#afc687 rgb(175,198,135)
```
#bbce98
```
#bbce98 rgb(187,206,152)
```
#c6d6aa
```
#c6d6aa rgb(198,214,170)
```
#d2dfbb
```
#d2dfbb rgb(210,223,187)
```

Monochromatic Color

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

#bfc687
```
#bfc687 rgb(191,198,135)
```
#bac687
```
#bac687 rgb(186,198,135)
```
#b4c687
```
#b4c687 rgb(180,198,135)
```
#afc687
```
#afc687 rgb(175,198,135)
```
#aac687
```
#aac687 rgb(170,198,135)
```
#a5c687
```
#a5c687 rgb(165,198,135)
```
#9fc687
```
#9fc687 rgb(159,198,135)
```

Similar Colors

Text with hexadecimal color #afc687

This text has a font color of #afc687.

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

#afc687 background color

This paragraph has a background color of #afc687.

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

#afc687 border color

This element has a border color of #afc687.

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

CSS codes

.text {color:#afc687;}

.background {background-color:#afc687;}

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

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, #0a0d06 is the darkest color, while #ffffff is the lightest one.

#0a0d06
```
#0a0d06 rgb(10,13,6)
```
#151a0c
```
#151a0c rgb(21,26,12)
```
#202813
```
#202813 rgb(32,40,19)
```
#2b3519
```
#2b3519 rgb(43,53,25)
```
#35421f
```
#35421f rgb(53,66,31)
```
#404f26
```
#404f26 rgb(64,79,38)
```
#4b5d2c
```
#4b5d2c rgb(75,93,44)
```
#566a32
```
#566a32 rgb(86,106,50)
```
#607739
```
#607739 rgb(96,119,57)
```
#6b853f
```
#6b853f rgb(107,133,63)
```
#769245
```
#769245 rgb(118,146,69)
```
#819f4c
```
#819f4c rgb(129,159,76)
```
#8bad52
```
#8bad52 rgb(139,173,82)
```

Shade Color Variation

#94b35f
```
#94b35f rgb(148,179,95)
```
#9db96c
```
#9db96c rgb(157,185,108)
```
#a6c07a
```
#a6c07a rgb(166,192,122)
```
#afc687
```
#afc687 rgb(175,198,135)
```
#b8cc94
```
#b8cc94 rgb(184,204,148)
```
#c1d3a2
```
#c1d3a2 rgb(193,211,162)
```
#cad9af
```
#cad9af rgb(202,217,175)
```
#d2dfbc
```
#d2dfbc rgb(210,223,188)
```
#dbe6c9
```
#dbe6c9 rgb(219,230,201)
```
#e4ecd7
```
#e4ecd7 rgb(228,236,215)
```
#edf2e4
```
#edf2e4 rgb(237,242,228)
```
#f6f9f1
```
#f6f9f1 rgb(246,249,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a8aba2
```
#a8aba2 rgb(168,171,162)
```
#a9b29b
```
#a9b29b rgb(169,178,155)
```
#abb895
```
#abb895 rgb(171,184,149)
```
#adbf8e
```
#adbf8e rgb(173,191,142)
```
#afc687
```
#afc687 rgb(175,198,135)
```
#b1cd80
```
#b1cd80 rgb(177,205,128)
```
#b3d479
```
#b3d479 rgb(179,212,121)
```
#b5da73
```
#b5da73 rgb(181,218,115)
```
#b6e16c
```
#b6e16c rgb(182,225,108)
```
#b8e865
```
#b8e865 rgb(184,232,101)
```
#baef5e
```
#baef5e rgb(186,239,94)
```
#bcf657
```
#bcf657 rgb(188,246,87)
```
#befc51
```
#befc51 rgb(190,252,81)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#b6bbae Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfc08a Protanopia 1% of men
#e2b992 Deuteranopia 1% of men
#bdc0ce Tritanopia 0.001% of the population

Trichromacy

#c3c288 Protanomaly 1% of men, 0.01% of women
#cfbe8e Deuteranomaly 6% of men, 0.4% of women
#b8c2b4 Tritanomaly 0.01% of the population

#afc687 hex color

#afc687 Color Information

#afc687 Color Conversion

Color Schemes with #afc687

Alternatives to #afc687

#afc687 Preview

Shades and Tints of #afc687

Tones of #afc687

Color Blindness Simulator