#afc777 hex color

In a RGB color space, hex #afc777 is composed of 68.6% red, 78% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 12.1% cyan, 0% magenta, 40.2% yellow and 22% black. It has a hue angle of 78 degrees, a saturation of 41.7% and a lightness of 62.4%. #afc777 color hex could be obtained by blending #ffffee with #5f8f00. Closest websafe color is: #99cc66.

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

● #afc777 color description : Slightly desaturated green.

The hexadecimal color #afc777 has RGB values of R:175, G:199, B:119 and CMYK values of C:0.12, M:0, Y:0.4, K:0.22. Its decimal value is 11519863.

Hex triplet	afc777	`#afc777`
RGB Decimal	175, 199, 119	`rgb(175,199,119)`
RGB Percent	68.6, 78, 46.7	`rgb(68.6%,78%,46.7%)`
CMYK	12, 0, 40, 22
HSL	78°, 41.7, 62.4	`hsl(78,41.7%,62.4%)`
HSV (or HSB)	78°, 40.2, 78
Web Safe	99cc66	`#99cc66`

CIE-LAB	76.856, -21.129, 37.352
XYZ	41.432, 51.292, 25.169
xyY	0.351, 0.435, 51.292
CIE-LCH	76.856, 42.914, 119.495
CIE-LUV	76.856, -10.849, 52.455
Hunter-Lab	71.619, -22.07, 29.296
Binary	10101111, 11000111, 01110111

#afc777
```
#afc777 rgb(175,199,119)
```
#8f77c7
```
#8f77c7 rgb(143,119,199)
```

Complementary Color

#c7b777
```
#c7b777 rgb(199,183,119)
```
#afc777
```
#afc777 rgb(175,199,119)
```
#87c777
```
#87c777 rgb(135,199,119)
```

Analogous Color

#b777c7
```
#b777c7 rgb(183,119,199)
```
#afc777
```
#afc777 rgb(175,199,119)
```
#7787c7
```
#7787c7 rgb(119,135,199)
```

Split Complementary Color

#c777af
```
#c777af rgb(199,119,175)
```
#afc777
```
#afc777 rgb(175,199,119)
```
#77afc7
```
#77afc7 rgb(119,175,199)
```

Triadic Color

#c78f77
```
#c78f77 rgb(199,143,119)
```
#afc777
```
#afc777 rgb(175,199,119)
```
#77afc7
```
#77afc7 rgb(119,175,199)
```
#8f77c7
```
#8f77c7 rgb(143,119,199)
```

Tetradic Color

#8dab46
```
#8dab46 rgb(141,171,70)
```
#9ab853
```
#9ab853 rgb(154,184,83)
```
#a4c065
```
#a4c065 rgb(164,192,101)
```
#afc777
```
#afc777 rgb(175,199,119)
```
#bace89
```
#bace89 rgb(186,206,137)
```
#c4d69b
```
#c4d69b rgb(196,214,155)
```
#cfddad
```
#cfddad rgb(207,221,173)
```

Monochromatic Color

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

#c3c777
```
#c3c777 rgb(195,199,119)
```
#bcc777
```
#bcc777 rgb(188,199,119)
```
#b6c777
```
#b6c777 rgb(182,199,119)
```
#afc777
```
#afc777 rgb(175,199,119)
```
#a8c777
```
#a8c777 rgb(168,199,119)
```
#a2c777
```
#a2c777 rgb(162,199,119)
```
#9bc777
```
#9bc777 rgb(155,199,119)
```

Similar Colors

Text with hexadecimal color #afc777

This text has a font color of #afc777.

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

#afc777 background color

This paragraph has a background color of #afc777.

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

#afc777 border color

This element has a border color of #afc777.

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

CSS codes

.text {color:#afc777;}

.background {background-color:#afc777;}

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

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

#020301
```
#020301 rgb(2,3,1)
```
#0e1107
```
#0e1107 rgb(14,17,7)
```
#191f0d
```
#191f0d rgb(25,31,13)
```
#252d12
```
#252d12 rgb(37,45,18)
```
#303b18
```
#303b18 rgb(48,59,24)
```
#3c481e
```
#3c481e rgb(60,72,30)
```
#475624
```
#475624 rgb(71,86,36)
```
#536429
```
#536429 rgb(83,100,41)
```
#5e722f
```
#5e722f rgb(94,114,47)
```
#698035
```
#698035 rgb(105,128,53)
```
#758e3a
```
#758e3a rgb(117,142,58)
```
#809c40
```
#809c40 rgb(128,156,64)
```
#8caa46
```
#8caa46 rgb(140,170,70)
```

Shade Color Variation

#96b64d
```
#96b64d rgb(150,182,77)
```
#9fbc5b
```
#9fbc5b rgb(159,188,91)
```
#a7c169
```
#a7c169 rgb(167,193,105)
```
#afc777
```
#afc777 rgb(175,199,119)
```
#b7cd85
```
#b7cd85 rgb(183,205,133)
```
#bfd293
```
#bfd293 rgb(191,210,147)
```
#c8d8a1
```
#c8d8a1 rgb(200,216,161)
```
#d0deaf
```
#d0deaf rgb(208,222,175)
```
#d8e4bc
```
#d8e4bc rgb(216,228,188)
```
#e0e9ca
```
#e0e9ca rgb(224,233,202)
```
#e8efd8
```
#e8efd8 rgb(232,239,216)
```
#f0f5e6
```
#f0f5e6 rgb(240,245,230)
```
#f9faf4
```
#f9faf4 rgb(249,250,244)
```

Tint Color Variation

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

#a0a29c
```
#a0a29c rgb(160,162,156)
```
#a3a995
```
#a3a995 rgb(163,169,149)
```
#a6b18d
```
#a6b18d rgb(166,177,141)
```
#a9b886
```
#a9b886 rgb(169,184,134)
```
#acc07e
```
#acc07e rgb(172,192,126)
```
#afc777
```
#afc777 rgb(175,199,119)
```
#b2ce70
```
#b2ce70 rgb(178,206,112)
```
#b5d668
```
#b5d668 rgb(181,214,104)
```
#b8dd61
```
#b8dd61 rgb(184,221,97)
```
#bbe559
```
#bbe559 rgb(187,229,89)
```
#beec52
```
#beec52 rgb(190,236,82)
```
#c1f34b
```
#c1f34b rgb(193,243,75)
```
#c4fb43
```
#c4fb43 rgb(196,251,67)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#b5baaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2c17a Protanopia 1% of men
#e6b983 Deuteranopia 1% of men
#bfc0cd Tritanopia 0.001% of the population

Trichromacy

#c5c379 Protanomaly 1% of men, 0.01% of women
#d2be7e Deuteranomaly 6% of men, 0.4% of women
#b9c2ae Tritanomaly 0.01% of the population

#afc777 hex color

#afc777 Color Information

#afc777 Color Conversion

Color Schemes with #afc777

Alternatives to #afc777

#afc777 Preview

Shades and Tints of #afc777

Tones of #afc777

Color Blindness Simulator