#afc69e hex color

In a RGB color space, hex #afc69e is composed of 68.6% red, 77.6% green and 62% blue. Whereas in a CMYK color space, it is composed of 11.6% cyan, 0% magenta, 20.2% yellow and 22.4% black. It has a hue angle of 94.5 degrees, a saturation of 26% and a lightness of 69.8%. #afc69e color hex could be obtained by blending #ffffff with #5f8d3d. Closest websafe color is: #99cc99.

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

● #afc69e color description : Grayish green.

The hexadecimal color #afc69e has RGB values of R:175, G:198, B:158 and CMYK values of C:0.12, M:0, Y:0.2, K:0.22. Its decimal value is 11519646.

Hex triplet	afc69e	`#afc69e`
RGB Decimal	175, 198, 158	`rgb(175,198,158)`
RGB Percent	68.6, 77.6, 62	`rgb(68.6%,77.6%,62%)`
CMYK	12, 0, 20, 22
HSL	94.5°, 26, 69.8	`hsl(94.5,26%,69.8%)`
HSV (or HSB)	94.5°, 20.2, 77.6
Web Safe	99cc99	`#99cc99`

CIE-LAB	77.263, -15.079, 17.491
XYZ	44.043, 51.97, 40.057
xyY	0.324, 0.382, 51.97
CIE-LCH	77.263, 23.094, 130.765
CIE-LUV	77.263, -11.219, 27.385
Hunter-Lab	72.09, -17.104, 17.519
Binary	10101111, 11000110, 10011110

#afc69e
```
#afc69e rgb(175,198,158)
```
#b59ec6
```
#b59ec6 rgb(181,158,198)
```

Complementary Color

#c3c69e
```
#c3c69e rgb(195,198,158)
```
#afc69e
```
#afc69e rgb(175,198,158)
```
#9ec6a1
```
#9ec6a1 rgb(158,198,161)
```

Analogous Color

#c69ec3
```
#c69ec3 rgb(198,158,195)
```
#afc69e
```
#afc69e rgb(175,198,158)
```
#a19ec6
```
#a19ec6 rgb(161,158,198)
```

Split Complementary Color

#c69eaf
```
#c69eaf rgb(198,158,175)
```
#afc69e
```
#afc69e rgb(175,198,158)
```
#9eafc6
```
#9eafc6 rgb(158,175,198)
```

Triadic Color

#c6b59e
```
#c6b59e rgb(198,181,158)
```
#afc69e
```
#afc69e rgb(175,198,158)
```
#9eafc6
```
#9eafc6 rgb(158,175,198)
```
#b59ec6
```
#b59ec6 rgb(181,158,198)
```

Tetradic Color

#87aa6e
```
#87aa6e rgb(135,170,110)
```
#95b37e
```
#95b37e rgb(149,179,126)
```
#a2bd8e
```
#a2bd8e rgb(162,189,142)
```
#afc69e
```
#afc69e rgb(175,198,158)
```
#bccfae
```
#bccfae rgb(188,207,174)
```
#c9d9be
```
#c9d9be rgb(201,217,190)
```
#d7e2ce
```
#d7e2ce rgb(215,226,206)
```

Monochromatic Color

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

#b9c69e
```
#b9c69e rgb(185,198,158)
```
#b6c69e
```
#b6c69e rgb(182,198,158)
```
#b2c69e
```
#b2c69e rgb(178,198,158)
```
#afc69e
```
#afc69e rgb(175,198,158)
```
#acc69e
```
#acc69e rgb(172,198,158)
```
#a8c69e
```
#a8c69e rgb(168,198,158)
```
#a5c69e
```
#a5c69e rgb(165,198,158)
```

Similar Colors

Text with hexadecimal color #afc69e

This text has a font color of #afc69e.

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

#afc69e background color

This paragraph has a background color of #afc69e.

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

#afc69e border color

This element has a border color of #afc69e.

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

CSS codes

.text {color:#afc69e;}

.background {background-color:#afc69e;}

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

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

#010201
```
#010201 rgb(1,2,1)
```
#0b0e08
```
#0b0e08 rgb(11,14,8)
```
#141b10
```
#141b10 rgb(20,27,16)
```
#1e2717
```
#1e2717 rgb(30,39,23)
```
#27331e
```
#27331e rgb(39,51,30)
```
#314025
```
#314025 rgb(49,64,37)
```
#3a4c2d
```
#3a4c2d rgb(58,76,45)
```
#435834
```
#435834 rgb(67,88,52)
```
#4d653b
```
#4d653b rgb(77,101,59)
```
#567142
```
#567142 rgb(86,113,66)
```
#607d4a
```
#607d4a rgb(96,125,74)
```
#698a51
```
#698a51 rgb(105,138,81)
```
#739658
```
#739658 rgb(115,150,88)
```

Shade Color Variation

#7ca260
```
#7ca260 rgb(124,162,96)
```
#86a96d
```
#86a96d rgb(134,169,109)
```
#90b079
```
#90b079 rgb(144,176,121)
```
#9bb785
```
#9bb785 rgb(155,183,133)
```
#a5bf92
```
#a5bf92 rgb(165,191,146)
```
#afc69e
```
#afc69e rgb(175,198,158)
```
#b9cdaa
```
#b9cdaa rgb(185,205,170)
```
#c3d5b7
```
#c3d5b7 rgb(195,213,183)
```
#cedcc3
```
#cedcc3 rgb(206,220,195)
```
#d8e3cf
```
#d8e3cf rgb(216,227,207)
```
#e2eadc
```
#e2eadc rgb(226,234,220)
```
#ecf2e8
```
#ecf2e8 rgb(236,242,232)
```
#f6f9f4
```
#f6f9f4 rgb(246,249,244)
```

Tint Color Variation

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

#b2b4b0
```
#b2b4b0 rgb(178,180,176)
```
#b1baaa
```
#b1baaa rgb(177,186,170)
```
#b0c0a4
```
#b0c0a4 rgb(176,192,164)
```
#afc69e
```
#afc69e rgb(175,198,158)
```
#aecc98
```
#aecc98 rgb(174,204,152)
```
#add292
```
#add292 rgb(173,210,146)
```
#acd88c
```
#acd88c rgb(172,216,140)
```
#abde86
```
#abde86 rgb(171,222,134)
```
#abe480
```
#abe480 rgb(171,228,128)
```
#aaea7a
```
#aaea7a rgb(170,234,122)
```
#a9ef75
```
#a9ef75 rgb(169,239,117)
```
#a8f56f
```
#a8f56f rgb(168,245,111)
```
#a7fb69
```
#a7fb69 rgb(167,251,105)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#b9bdb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdc19f Protanopia 1% of men
#ddbba7 Deuteranopia 1% of men
#bbc2d0 Tritanopia 0.001% of the population

Trichromacy

#c2c39f Protanomaly 1% of men, 0.01% of women
#ccbfa3 Deuteranomaly 6% of men, 0.4% of women
#b6c3be Tritanomaly 0.01% of the population

#afc69e hex color

#afc69e Color Information

#afc69e Color Conversion

Color Schemes with #afc69e

Alternatives to #afc69e

#afc69e Preview

Shades and Tints of #afc69e

Tones of #afc69e

Color Blindness Simulator