#afb678 hex color

In a RGB color space, hex #afb678 is composed of 68.6% red, 71.4% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0% magenta, 34.1% yellow and 28.6% black. It has a hue angle of 66.8 degrees, a saturation of 29.8% and a lightness of 59.2%. #afb678 color hex could be obtained by blending #fffff0 with #5f6d00. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 71
- B 47
RGB color chart
- C 4
- M 0
- Y 34
- K 29
CMYK color chart

● #afb678 color description : Slightly desaturated yellow.

The hexadecimal color #afb678 has RGB values of R:175, G:182, B:120 and CMYK values of C:0.04, M:0, Y:0.34, K:0.29. Its decimal value is 11515512.

Hex triplet	afb678	`#afb678`
RGB Decimal	175, 182, 120	`rgb(175,182,120)`
RGB Percent	68.6, 71.4, 47.1	`rgb(68.6%,71.4%,47.1%)`
CMYK	4, 0, 34, 29
HSL	66.8°, 29.8, 59.2	`hsl(66.8,29.8%,59.2%)`
HSV (or HSB)	66.8°, 34.1, 71.4
Web Safe	99cc66	`#99cc66`

CIE-LAB	72.179, -12.398, 30.792
XYZ	37.797, 43.926, 24.256
xyY	0.357, 0.414, 43.926
CIE-LCH	72.179, 33.194, 111.931
CIE-LUV	72.179, -1.271, 42.646
Hunter-Lab	66.277, -14.188, 24.695
Binary	10101111, 10110110, 01111000

#afb678
```
#afb678 rgb(175,182,120)
```
#7f78b6
```
#7f78b6 rgb(127,120,182)
```

Complementary Color

#b69e78
```
#b69e78 rgb(182,158,120)
```
#afb678
```
#afb678 rgb(175,182,120)
```
#90b678
```
#90b678 rgb(144,182,120)
```

Analogous Color

#9e78b6
```
#9e78b6 rgb(158,120,182)
```
#afb678
```
#afb678 rgb(175,182,120)
```
#7890b6
```
#7890b6 rgb(120,144,182)
```

Split Complementary Color

#b678af
```
#b678af rgb(182,120,175)
```
#afb678
```
#afb678 rgb(175,182,120)
```
#78afb6
```
#78afb6 rgb(120,175,182)
```

Triadic Color

#b67f78
```
#b67f78 rgb(182,127,120)
```
#afb678
```
#afb678 rgb(175,182,120)
```
#78afb6
```
#78afb6 rgb(120,175,182)
```
#7f78b6
```
#7f78b6 rgb(127,120,182)
```

Tetradic Color

#8b924f
```
#8b924f rgb(139,146,79)
```
#9aa358
```
#9aa358 rgb(154,163,88)
```
#a5ad67
```
#a5ad67 rgb(165,173,103)
```
#afb678
```
#afb678 rgb(175,182,120)
```
#b9bf89
```
#b9bf89 rgb(185,191,137)
```
#c3c899
```
#c3c899 rgb(195,200,153)
```
#ccd1aa
```
#ccd1aa rgb(204,209,170)
```

Monochromatic Color

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

#b6ae78
```
#b6ae78 rgb(182,174,120)
```
#b6b378
```
#b6b378 rgb(182,179,120)
```
#b4b678
```
#b4b678 rgb(180,182,120)
```
#afb678
```
#afb678 rgb(175,182,120)
```
#aab678
```
#aab678 rgb(170,182,120)
```
#a5b678
```
#a5b678 rgb(165,182,120)
```
#a0b678
```
#a0b678 rgb(160,182,120)
```

Similar Colors

Text with hexadecimal color #afb678

This text has a font color of #afb678.

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

#afb678 background color

This paragraph has a background color of #afb678.

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

#afb678 border color

This element has a border color of #afb678.

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

CSS codes

.text {color:#afb678;}

.background {background-color:#afb678;}

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

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

#050503
```
#050503 rgb(5,5,3)
```
#11120a
```
#11120a rgb(17,18,10)
```
#1d1f10
```
#1d1f10 rgb(29,31,16)
```
#292b17
```
#292b17 rgb(41,43,23)
```
#35381e
```
#35381e rgb(53,56,30)
```
#414525
```
#414525 rgb(65,69,37)
```
#4d512c
```
#4d512c rgb(77,81,44)
```
#595e33
```
#595e33 rgb(89,94,51)
```
#656b3a
```
#656b3a rgb(101,107,58)
```
#717841
```
#717841 rgb(113,120,65)
```
#7d8448
```
#7d8448 rgb(125,132,72)
```
#8a914e
```
#8a914e rgb(138,145,78)
```
#969e55
```
#969e55 rgb(150,158,85)
```

Shade Color Variation

#a0a85f
```
#a0a85f rgb(160,168,95)
```
#a7af6b
```
#a7af6b rgb(167,175,107)
```
#afb678
```
#afb678 rgb(175,182,120)
```
#b7bd85
```
#b7bd85 rgb(183,189,133)
```
#bec491
```
#bec491 rgb(190,196,145)
```
#c6cb9e
```
#c6cb9e rgb(198,203,158)
```
#cdd2ab
```
#cdd2ab rgb(205,210,171)
```
#d5d8b8
```
#d5d8b8 rgb(213,216,184)
```
#dcdfc4
```
#dcdfc4 rgb(220,223,196)
```
#e4e6d1
```
#e4e6d1 rgb(228,230,209)
```
#ebedde
```
#ebedde rgb(235,237,222)
```
#f3f4eb
```
#f3f4eb rgb(243,244,235)
```
#fafbf7
```
#fafbf7 rgb(250,251,247)
```

Tint Color Variation

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

#9c9e90
```
#9c9e90 rgb(156,158,144)
```
#a3a688
```
#a3a688 rgb(163,166,136)
```
#a9ae80
```
#a9ae80 rgb(169,174,128)
```
#afb678
```
#afb678 rgb(175,182,120)
```
#b5be70
```
#b5be70 rgb(181,190,112)
```
#bbc668
```
#bbc668 rgb(187,198,104)
```
#c2ce60
```
#c2ce60 rgb(194,206,96)
```
#c8d658
```
#c8d658 rgb(200,214,88)
```
#cede50
```
#cede50 rgb(206,222,80)
```
#d4e648
```
#d4e648 rgb(212,230,72)
```
#daee40
```
#daee40 rgb(218,238,64)
```
#e1f638
```
#e1f638 rgb(225,246,56)
```
#e7fe30
```
#e7fe30 rgb(231,254,48)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#adafa2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3b47d Protanopia 1% of men
#d5ad82 Deuteranopia 1% of men
#bcb1be Tritanopia 0.001% of the population

Trichromacy

#bcb57b Protanomaly 1% of men, 0.01% of women
#c7b07e Deuteranomaly 6% of men, 0.4% of women
#b7b3a4 Tritanomaly 0.01% of the population

#afb678 hex color

#afb678 Color Information

#afb678 Color Conversion

Color Schemes with #afb678

Alternatives to #afb678

#afb678 Preview

Shades and Tints of #afb678

Tones of #afb678

Color Blindness Simulator