#afbc78 hex color

In a RGB color space, hex #afbc78 is composed of 68.6% red, 73.7% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 6.9% cyan, 0% magenta, 36.2% yellow and 26.3% black. It has a hue angle of 71.5 degrees, a saturation of 33.7% and a lightness of 60.4%. #afbc78 color hex could be obtained by blending #fffff0 with #5f7900. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 74
- B 47
RGB color chart
- C 7
- M 0
- Y 36
- K 26
CMYK color chart

● #afbc78 color description : Slightly desaturated yellow.

The hexadecimal color #afbc78 has RGB values of R:175, G:188, B:120 and CMYK values of C:0.07, M:0, Y:0.36, K:0.26. Its decimal value is 11517048.

Hex triplet	afbc78	`#afbc78`
RGB Decimal	175, 188, 120	`rgb(175,188,120)`
RGB Percent	68.6, 73.7, 47.1	`rgb(68.6%,73.7%,47.1%)`
CMYK	7, 0, 36, 26
HSL	71.5°, 33.7, 60.4	`hsl(71.5,33.7%,60.4%)`
HSV (or HSB)	71.5°, 36.2, 73.7
Web Safe	99cc66	`#99cc66`

CIE-LAB	73.828, -15.479, 32.942
XYZ	39.052, 46.436, 24.674
xyY	0.354, 0.422, 46.436
CIE-LCH	73.828, 36.397, 115.168
CIE-LUV	73.828, -4.704, 45.94
Hunter-Lab	68.144, -16.958, 26.233
Binary	10101111, 10111100, 01111000

#afbc78
```
#afbc78 rgb(175,188,120)
```
#8578bc
```
#8578bc rgb(133,120,188)
```

Complementary Color

#bca778
```
#bca778 rgb(188,167,120)
```
#afbc78
```
#afbc78 rgb(175,188,120)
```
#8dbc78
```
#8dbc78 rgb(141,188,120)
```

Analogous Color

#a778bc
```
#a778bc rgb(167,120,188)
```
#afbc78
```
#afbc78 rgb(175,188,120)
```
#788dbc
```
#788dbc rgb(120,141,188)
```

Split Complementary Color

#bc78af
```
#bc78af rgb(188,120,175)
```
#afbc78
```
#afbc78 rgb(175,188,120)
```
#78afbc
```
#78afbc rgb(120,175,188)
```

Triadic Color

#bc8578
```
#bc8578 rgb(188,133,120)
```
#afbc78
```
#afbc78 rgb(175,188,120)
```
#78afbc
```
#78afbc rgb(120,175,188)
```
#8578bc
```
#8578bc rgb(133,120,188)
```

Tetradic Color

#8c9b4d
```
#8c9b4d rgb(140,155,77)
```
#9bab56
```
#9bab56 rgb(155,171,86)
```
#a5b467
```
#a5b467 rgb(165,180,103)
```
#afbc78
```
#afbc78 rgb(175,188,120)
```
#b9c489
```
#b9c489 rgb(185,196,137)
```
#c3cd9a
```
#c3cd9a rgb(195,205,154)
```
#cdd5ab
```
#cdd5ab rgb(205,213,171)
```

Monochromatic Color

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

#bcb878
```
#bcb878 rgb(188,184,120)
```
#babc78
```
#babc78 rgb(186,188,120)
```
#b5bc78
```
#b5bc78 rgb(181,188,120)
```
#afbc78
```
#afbc78 rgb(175,188,120)
```
#a9bc78
```
#a9bc78 rgb(169,188,120)
```
#a4bc78
```
#a4bc78 rgb(164,188,120)
```
#9ebc78
```
#9ebc78 rgb(158,188,120)
```

Similar Colors

Text with hexadecimal color #afbc78

This text has a font color of #afbc78.

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

#afbc78 background color

This paragraph has a background color of #afbc78.

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

#afbc78 border color

This element has a border color of #afbc78.

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

CSS codes

.text {color:#afbc78;}

.background {background-color:#afbc78;}

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

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

#080905
```
#080905 rgb(8,9,5)
```
#14160b
```
#14160b rgb(20,22,11)
```
#202312
```
#202312 rgb(32,35,18)
```
#2c3118
```
#2c3118 rgb(44,49,24)
```
#383e1f
```
#383e1f rgb(56,62,31)
```
#444b25
```
#444b25 rgb(68,75,37)
```
#4f582c
```
#4f582c rgb(79,88,44)
```
#5b6532
```
#5b6532 rgb(91,101,50)
```
#677239
```
#677239 rgb(103,114,57)
```
#737f3f
```
#737f3f rgb(115,127,63)
```
#7f8c46
```
#7f8c46 rgb(127,140,70)
```
#8b994c
```
#8b994c rgb(139,153,76)
```
#96a753
```
#96a753 rgb(150,167,83)
```

Shade Color Variation

#9faf5e
```
#9faf5e rgb(159,175,94)
```
#a7b56b
```
#a7b56b rgb(167,181,107)
```
#afbc78
```
#afbc78 rgb(175,188,120)
```
#b7c385
```
#b7c385 rgb(183,195,133)
```
#bfc992
```
#bfc992 rgb(191,201,146)
```
#c6d09f
```
#c6d09f rgb(198,208,159)
```
#ced6ac
```
#ced6ac rgb(206,214,172)
```
#d6ddba
```
#d6ddba rgb(214,221,186)
```
#dee3c7
```
#dee3c7 rgb(222,227,199)
```
#e5ead4
```
#e5ead4 rgb(229,234,212)
```
#edf0e1
```
#edf0e1 rgb(237,240,225)
```
#f5f7ee
```
#f5f7ee rgb(245,247,238)
```
#fdfdfb
```
#fdfdfb rgb(253,253,251)
```

Tint Color Variation

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

#9c9d97
```
#9c9d97 rgb(156,157,151)
```
#a1a58f
```
#a1a58f rgb(161,165,143)
```
#a5ac88
```
#a5ac88 rgb(165,172,136)
```
#aab480
```
#aab480 rgb(170,180,128)
```
#afbc78
```
#afbc78 rgb(175,188,120)
```
#b4c470
```
#b4c470 rgb(180,196,112)
```
#b9cc68
```
#b9cc68 rgb(185,204,104)
```
#bdd361
```
#bdd361 rgb(189,211,97)
```
#c2db59
```
#c2db59 rgb(194,219,89)
```
#c7e351
```
#c7e351 rgb(199,227,81)
```
#cceb49
```
#cceb49 rgb(204,235,73)
```
#d1f242
```
#d1f242 rgb(209,242,66)
```
#d5fa3a
```
#d5fa3a rgb(213,250,58)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b0b2a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b97c Protanopia 1% of men
#dbb183 Deuteranopia 1% of men
#bdb6c3 Tritanopia 0.001% of the population

Trichromacy

#bfba7a Protanomaly 1% of men, 0.01% of women
#cbb57f Deuteranomaly 6% of men, 0.4% of women
#b8b8a8 Tritanomaly 0.01% of the population

#afbc78 hex color

#afbc78 Color Information

#afbc78 Color Conversion

Color Schemes with #afbc78

Alternatives to #afbc78

#afbc78 Preview

Shades and Tints of #afbc78

Tones of #afbc78

Color Blindness Simulator