#afb78e hex color

In a RGB color space, hex #afb78e is composed of 68.6% red, 71.8% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 4.4% cyan, 0% magenta, 22.4% yellow and 28.2% black. It has a hue angle of 71.7 degrees, a saturation of 22.2% and a lightness of 63.7%. #afb78e color hex could be obtained by blending #ffffff with #5f6f1d. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 72
- B 56
RGB color chart
- C 4
- M 0
- Y 22
- K 28
CMYK color chart

● #afb78e color description : Grayish yellow.

The hexadecimal color #afb78e has RGB values of R:175, G:183, B:142 and CMYK values of C:0.04, M:0, Y:0.22, K:0.28. Its decimal value is 11515790.

Hex triplet	afb78e	`#afb78e`
RGB Decimal	175, 183, 142	`rgb(175,183,142)`
RGB Percent	68.6, 71.8, 55.7	`rgb(68.6%,71.8%,55.7%)`
CMYK	4, 0, 22, 28
HSL	71.7°, 22.2, 63.7	`hsl(71.7,22.2%,63.7%)`
HSV (or HSB)	71.7°, 22.4, 71.8
Web Safe	99cc99	`#99cc99`

CIE-LAB	72.848, -9.859, 19.963
XYZ	39.494, 44.934, 32.182
xyY	0.339, 0.385, 44.934
CIE-LCH	72.848, 22.265, 116.282
CIE-LUV	72.848, -2.669, 29.262
Hunter-Lab	67.033, -12.139, 18.458
Binary	10101111, 10110111, 10001110

#afb78e
```
#afb78e rgb(175,183,142)
```
#968eb7
```
#968eb7 rgb(150,142,183)
```

Complementary Color

#b7ab8e
```
#b7ab8e rgb(183,171,142)
```
#afb78e
```
#afb78e rgb(175,183,142)
```
#9bb78e
```
#9bb78e rgb(155,183,142)
```

Analogous Color

#ab8eb7
```
#ab8eb7 rgb(171,142,183)
```
#afb78e
```
#afb78e rgb(175,183,142)
```
#8e9bb7
```
#8e9bb7 rgb(142,155,183)
```

Split Complementary Color

#b78eaf
```
#b78eaf rgb(183,142,175)
```
#afb78e
```
#afb78e rgb(175,183,142)
```
#8eafb7
```
#8eafb7 rgb(142,175,183)
```

Triadic Color

#b7968e
```
#b7968e rgb(183,150,142)
```
#afb78e
```
#afb78e rgb(175,183,142)
```
#8eafb7
```
#8eafb7 rgb(142,175,183)
```
#968eb7
```
#968eb7 rgb(150,142,183)
```

Tetradic Color

#8d9861
```
#8d9861 rgb(141,152,97)
```
#99a36f
```
#99a36f rgb(153,163,111)
```
#a4ad7e
```
#a4ad7e rgb(164,173,126)
```
#afb78e
```
#afb78e rgb(175,183,142)
```
#bac19e
```
#bac19e rgb(186,193,158)
```
#c5cbad
```
#c5cbad rgb(197,203,173)
```
#d0d5bd
```
#d0d5bd rgb(208,213,189)
```

Monochromatic Color

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

#b7b58e
```
#b7b58e rgb(183,181,142)
```
#b6b78e
```
#b6b78e rgb(182,183,142)
```
#b2b78e
```
#b2b78e rgb(178,183,142)
```
#afb78e
```
#afb78e rgb(175,183,142)
```
#acb78e
```
#acb78e rgb(172,183,142)
```
#a8b78e
```
#a8b78e rgb(168,183,142)
```
#a5b78e
```
#a5b78e rgb(165,183,142)
```

Similar Colors

Text with hexadecimal color #afb78e

This text has a font color of #afb78e.

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

#afb78e background color

This paragraph has a background color of #afb78e.

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

#afb78e border color

This element has a border color of #afb78e.

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

CSS codes

.text {color:#afb78e;}

.background {background-color:#afb78e;}

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

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

#060704
```
#060704 rgb(6,7,4)
```
#11130c
```
#11130c rgb(17,19,12)
```
#1d1f14
```
#1d1f14 rgb(29,31,20)
```
#282b1b
```
#282b1b rgb(40,43,27)
```
#333723
```
#333723 rgb(51,55,35)
```
#3e432b
```
#3e432b rgb(62,67,43)
```
#494f32
```
#494f32 rgb(73,79,50)
```
#545b3a
```
#545b3a rgb(84,91,58)
```
#5f6741
```
#5f6741 rgb(95,103,65)
```
#6b7349
```
#6b7349 rgb(107,115,73)
```
#767f51
```
#767f51 rgb(118,127,81)
```
#818b58
```
#818b58 rgb(129,139,88)
```
#8c9760
```
#8c9760 rgb(140,151,96)
```

Shade Color Variation

#96a06a
```
#96a06a rgb(150,160,106)
```
#9ea876
```
#9ea876 rgb(158,168,118)
```
#a7af82
```
#a7af82 rgb(167,175,130)
```
#afb78e
```
#afb78e rgb(175,183,142)
```
#b7bf9a
```
#b7bf9a rgb(183,191,154)
```
#c0c6a6
```
#c0c6a6 rgb(192,198,166)
```
#c8ceb2
```
#c8ceb2 rgb(200,206,178)
```
#d1d6be
```
#d1d6be rgb(209,214,190)
```
#d9ddca
```
#d9ddca rgb(217,221,202)
```
#e2e5d6
```
#e2e5d6 rgb(226,229,214)
```
#eaece2
```
#eaece2 rgb(234,236,226)
```
#f3f4ee
```
#f3f4ee rgb(243,244,238)
```
#fbfcfa
```
#fbfcfa rgb(251,252,250)
```

Tint Color Variation

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

#a6a99c
```
#a6a99c rgb(166,169,156)
```
#abb095
```
#abb095 rgb(171,176,149)
```
#afb78e
```
#afb78e rgb(175,183,142)
```
#b3be87
```
#b3be87 rgb(179,190,135)
```
#b8c580
```
#b8c580 rgb(184,197,128)
```
#bccc79
```
#bccc79 rgb(188,204,121)
```
#c0d372
```
#c0d372 rgb(192,211,114)
```
#c5db6a
```
#c5db6a rgb(197,219,106)
```
#c9e263
```
#c9e263 rgb(201,226,99)
```
#cde95c
```
#cde95c rgb(205,233,92)
```
#d2f055
```
#d2f055 rgb(210,240,85)
```
#d6f74e
```
#d6f74e rgb(214,247,78)
```
#dafe47
```
#dafe47 rgb(218,254,71)
```

Tone Color Variation

Below, you can see how #afb78e 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
#b0b1a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b691 Protanopia 1% of men
#d2b097 Deuteranopia 1% of men
#bab4c1 Tritanopia 0.001% of the population

Trichromacy

#bbb690 Protanomaly 1% of men, 0.01% of women
#c5b293 Deuteranomaly 6% of men, 0.4% of women
#b6b5ae Tritanomaly 0.01% of the population

#afb78e hex color

#afb78e Color Information

#afb78e Color Conversion

Color Schemes with #afb78e

Alternatives to #afb78e

#afb78e Preview

Shades and Tints of #afb78e

Tones of #afb78e

Color Blindness Simulator