#afc688 hex color

In a RGB color space, hex #afc688 is composed of 68.6% red, 77.6% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 11.6% cyan, 0% magenta, 31.3% yellow and 22.4% black. It has a hue angle of 82.3 degrees, a saturation of 35.2% and a lightness of 65.5%. #afc688 color hex could be obtained by blending #ffffff with #5f8d11. Closest websafe color is: #99cc99.

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

● #afc688 color description : Slightly desaturated green.

The hexadecimal color #afc688 has RGB values of R:175, G:198, B:136 and CMYK values of C:0.12, M:0, Y:0.31, K:0.22. Its decimal value is 11519624.

Hex triplet	afc688	`#afc688`
RGB Decimal	175, 198, 136	`rgb(175,198,136)`
RGB Percent	68.6, 77.6, 53.3	`rgb(68.6%,77.6%,53.3%)`
CMYK	12, 0, 31, 22
HSL	82.3°, 35.2, 65.5	`hsl(82.3,35.2%,65.5%)`
HSV (or HSB)	82.3°, 31.3, 77.6
Web Safe	99cc99	`#99cc99`

CIE-LAB	76.848, -18.415, 28.567
XYZ	42.316, 51.279, 30.96
xyY	0.34, 0.412, 51.279
CIE-LCH	76.848, 33.989, 122.807
CIE-LUV	76.848, -10.67, 41.929
Hunter-Lab	71.61, -19.836, 24.493
Binary	10101111, 11000110, 10001000

#afc688
```
#afc688 rgb(175,198,136)
```
#9f88c6
```
#9f88c6 rgb(159,136,198)
```

Complementary Color

#c6be88
```
#c6be88 rgb(198,190,136)
```
#afc688
```
#afc688 rgb(175,198,136)
```
#90c688
```
#90c688 rgb(144,198,136)
```

Analogous Color

#be88c6
```
#be88c6 rgb(190,136,198)
```
#afc688
```
#afc688 rgb(175,198,136)
```
#8890c6
```
#8890c6 rgb(136,144,198)
```

Split Complementary Color

#c688af
```
#c688af rgb(198,136,175)
```
#afc688
```
#afc688 rgb(175,198,136)
```
#88afc6
```
#88afc6 rgb(136,175,198)
```

Triadic Color

#c69f88
```
#c69f88 rgb(198,159,136)
```
#afc688
```
#afc688 rgb(175,198,136)
```
#88afc6
```
#88afc6 rgb(136,175,198)
```
#9f88c6
```
#9f88c6 rgb(159,136,198)
```

Tetradic Color

#8cad54
```
#8cad54 rgb(140,173,84)
```
#98b566
```
#98b566 rgb(152,181,102)
```
#a3be77
```
#a3be77 rgb(163,190,119)
```
#afc688
```
#afc688 rgb(175,198,136)
```
#bbce99
```
#bbce99 rgb(187,206,153)
```
#c6d7aa
```
#c6d7aa rgb(198,215,170)
```
#d2dfbc
```
#d2dfbc rgb(210,223,188)
```

Monochromatic Color

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

#bfc688
```
#bfc688 rgb(191,198,136)
```
#b9c688
```
#b9c688 rgb(185,198,136)
```
#b4c688
```
#b4c688 rgb(180,198,136)
```
#afc688
```
#afc688 rgb(175,198,136)
```
#aac688
```
#aac688 rgb(170,198,136)
```
#a5c688
```
#a5c688 rgb(165,198,136)
```
#a0c688
```
#a0c688 rgb(160,198,136)
```

Similar Colors

Text with hexadecimal color #afc688

This text has a font color of #afc688.

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

#afc688 background color

This paragraph has a background color of #afc688.

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

#afc688 border color

This element has a border color of #afc688.

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

CSS codes

.text {color:#afc688;}

.background {background-color:#afc688;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0b0e07
```
#0b0e07 rgb(11,14,7)
```
#161b0d
```
#161b0d rgb(22,27,13)
```
#202813
```
#202813 rgb(32,40,19)
```
#2b351a
```
#2b351a rgb(43,53,26)
```
#364320
```
#364320 rgb(54,67,32)
```
#405026
```
#405026 rgb(64,80,38)
```
#4b5d2d
```
#4b5d2d rgb(75,93,45)
```
#566a33
```
#566a33 rgb(86,106,51)
```
#617839
```
#617839 rgb(97,120,57)
```
#6b8540
```
#6b8540 rgb(107,133,64)
```
#769246
```
#769246 rgb(118,146,70)
```
#81a04c
```
#81a04c rgb(129,160,76)
```

Shade Color Variation

#8bad53
```
#8bad53 rgb(139,173,83)
```
#94b360
```
#94b360 rgb(148,179,96)
```
#9db96d
```
#9db96d rgb(157,185,109)
```
#a6c07b
```
#a6c07b rgb(166,192,123)
```
#afc688
```
#afc688 rgb(175,198,136)
```
#b8cc95
```
#b8cc95 rgb(184,204,149)
```
#c1d3a3
```
#c1d3a3 rgb(193,211,163)
```
#cad9b0
```
#cad9b0 rgb(202,217,176)
```
#d3dfbd
```
#d3dfbd rgb(211,223,189)
```
#dce6ca
```
#dce6ca rgb(220,230,202)
```
#e4ecd8
```
#e4ecd8 rgb(228,236,216)
```
#edf2e5
```
#edf2e5 rgb(237,242,229)
```
#f6f9f2
```
#f6f9f2 rgb(246,249,242)
```

Tint Color Variation

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

#a8aba3
```
#a8aba3 rgb(168,171,163)
```
#aab29c
```
#aab29c rgb(170,178,156)
```
#acb896
```
#acb896 rgb(172,184,150)
```
#adbf8f
```
#adbf8f rgb(173,191,143)
```
#afc688
```
#afc688 rgb(175,198,136)
```
#b1cd81
```
#b1cd81 rgb(177,205,129)
```
#b2d47a
```
#b2d47a rgb(178,212,122)
```
#b4da74
```
#b4da74 rgb(180,218,116)
```
#b6e16d
```
#b6e16d rgb(182,225,109)
```
#b8e866
```
#b8e866 rgb(184,232,102)
```
#b9ef5f
```
#b9ef5f rgb(185,239,95)
```
#bbf559
```
#bbf559 rgb(187,245,89)
```
#bdfc52
```
#bdfc52 rgb(189,252,82)
```

Tone Color Variation

Below, you can see how #afc688 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
#e2b993 Deuteranopia 1% of men
#bdc0ce Tritanopia 0.001% of the population

Trichromacy

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

#afc688 hex color

#afc688 Color Information

#afc688 Color Conversion

Color Schemes with #afc688

Alternatives to #afc688

#afc688 Preview

Shades and Tints of #afc688

Tones of #afc688

Color Blindness Simulator