#afc766 hex color

In a RGB color space, hex #afc766 is composed of 68.6% red, 78% green and 40% blue. Whereas in a CMYK color space, it is composed of 12.1% cyan, 0% magenta, 48.7% yellow and 22% black. It has a hue angle of 74.8 degrees, a saturation of 46.4% and a lightness of 59%. #afc766 color hex could be obtained by blending #ffffcc with #5f8f00. Closest websafe color is: #99cc66.

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

● #afc766 color description : Slightly desaturated yellow.

The hexadecimal color #afc766 has RGB values of R:175, G:199, B:102 and CMYK values of C:0.12, M:0, Y:0.49, K:0.22. Its decimal value is 11519846.

Hex triplet	afc766	`#afc766`
RGB Decimal	175, 199, 102	`rgb(175,199,102)`
RGB Percent	68.6, 78, 40	`rgb(68.6%,78%,40%)`
CMYK	12, 0, 49, 22
HSL	74.8°, 46.4, 59	`hsl(74.8,46.4%,59%)`
HSV (or HSB)	74.8°, 48.7, 78
Web Safe	99cc66	`#99cc66`

CIE-LAB	76.63, -23.019, 45.519
XYZ	40.5, 50.92, 20.265
xyY	0.363, 0.456, 50.92
CIE-LCH	76.63, 51.009, 116.826
CIE-LUV	76.63, -10.535, 61.176
Hunter-Lab	71.358, -23.567, 33.113
Binary	10101111, 11000111, 01100110

#afc766
```
#afc766 rgb(175,199,102)
```
#7e66c7
```
#7e66c7 rgb(126,102,199)
```

Complementary Color

#c7af66
```
#c7af66 rgb(199,175,102)
```
#afc766
```
#afc766 rgb(175,199,102)
```
#7fc766
```
#7fc766 rgb(127,199,102)
```

Analogous Color

#af66c7
```
#af66c7 rgb(175,102,199)
```
#afc766
```
#afc766 rgb(175,199,102)
```
#667fc7
```
#667fc7 rgb(102,127,199)
```

Split Complementary Color

#c766af
```
#c766af rgb(199,102,175)
```
#afc766
```
#afc766 rgb(175,199,102)
```
#66afc7
```
#66afc7 rgb(102,175,199)
```

Triadic Color

#c77e66
```
#c77e66 rgb(199,126,102)
```
#afc766
```
#afc766 rgb(175,199,102)
```
#66afc7
```
#66afc7 rgb(102,175,199)
```
#7e66c7
```
#7e66c7 rgb(126,102,199)
```

Tetradic Color

#8ba43c
```
#8ba43c rgb(139,164,60)
```
#9ab743
```
#9ab743 rgb(154,183,67)
```
#a5c053
```
#a5c053 rgb(165,192,83)
```
#afc766
```
#afc766 rgb(175,199,102)
```
#b9ce79
```
#b9ce79 rgb(185,206,121)
```
#c3d58b
```
#c3d58b rgb(195,213,139)
```
#ccdb9e
```
#ccdb9e rgb(204,219,158)
```

Monochromatic Color

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

#c7c766
```
#c7c766 rgb(199,199,102)
```
#bfc766
```
#bfc766 rgb(191,199,102)
```
#b7c766
```
#b7c766 rgb(183,199,102)
```
#afc766
```
#afc766 rgb(175,199,102)
```
#a7c766
```
#a7c766 rgb(167,199,102)
```
#9fc766
```
#9fc766 rgb(159,199,102)
```
#97c766
```
#97c766 rgb(151,199,102)
```

Similar Colors

Text with hexadecimal color #afc766

This text has a font color of #afc766.

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

#afc766 background color

This paragraph has a background color of #afc766.

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

#afc766 border color

This element has a border color of #afc766.

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

CSS codes

.text {color:#afc766;}

.background {background-color:#afc766;}

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

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

#040502
```
#040502 rgb(4,5,2)
```
#101307
```
#101307 rgb(16,19,7)
```
#1c220c
```
#1c220c rgb(28,34,12)
```
#283012
```
#283012 rgb(40,48,18)
```
#353e17
```
#353e17 rgb(53,62,23)
```
#414d1c
```
#414d1c rgb(65,77,28)
```
#4d5b21
```
#4d5b21 rgb(77,91,33)
```
#596927
```
#596927 rgb(89,105,39)
```
#65782c
```
#65782c rgb(101,120,44)
```
#718631
```
#718631 rgb(113,134,49)
```
#7d9536
```
#7d9536 rgb(125,149,54)
```
#89a33c
```
#89a33c rgb(137,163,60)
```
#95b141
```
#95b141 rgb(149,177,65)
```

Shade Color Variation

#a0bc49
```
#a0bc49 rgb(160,188,73)
```
#a7c258
```
#a7c258 rgb(167,194,88)
```
#afc766
```
#afc766 rgb(175,199,102)
```
#b7cc74
```
#b7cc74 rgb(183,204,116)
```
#bed283
```
#bed283 rgb(190,210,131)
```
#c6d791
```
#c6d791 rgb(198,215,145)
```
#cddc9f
```
#cddc9f rgb(205,220,159)
```
#d5e1ae
```
#d5e1ae rgb(213,225,174)
```
#dce7bc
```
#dce7bc rgb(220,231,188)
```
#e4eccb
```
#e4eccb rgb(228,236,203)
```
#ebf1d9
```
#ebf1d9 rgb(235,241,217)
```
#f3f6e7
```
#f3f6e7 rgb(243,246,231)
```
#fafcf6
```
#fafcf6 rgb(250,252,246)
```

Tint Color Variation

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

#979796
```
#979796 rgb(151,151,150)
```
#9b9f8e
```
#9b9f8e rgb(155,159,142)
```
#9fa786
```
#9fa786 rgb(159,167,134)
```
#a3af7e
```
#a3af7e rgb(163,175,126)
```
#a7b776
```
#a7b776 rgb(167,183,118)
```
#abbf6e
```
#abbf6e rgb(171,191,110)
```
#afc766
```
#afc766 rgb(175,199,102)
```
#b3cf5e
```
#b3cf5e rgb(179,207,94)
```
#b7d756
```
#b7d756 rgb(183,215,86)
```
#bbdf4e
```
#bbdf4e rgb(187,223,78)
```
#bfe746
```
#bfe746 rgb(191,231,70)
```
#c3ef3e
```
#c3ef3e rgb(195,239,62)
```
#c7f736
```
#c7f736 rgb(199,247,54)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b4b9a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3c06a Protanopia 1% of men
#e8b873 Deuteranopia 1% of men
#c0bfcc Tritanopia 0.001% of the population

Trichromacy

#c6c269 Protanomaly 1% of men, 0.01% of women
#d3bd6e Deuteranomaly 6% of men, 0.4% of women
#bac2a7 Tritanomaly 0.01% of the population

#afc766 hex color

#afc766 Color Information

#afc766 Color Conversion

Color Schemes with #afc766

Alternatives to #afc766

#afc766 Preview

Shades and Tints of #afc766

Tones of #afc766

Color Blindness Simulator