#b8a667 hex color

In a RGB color space, hex #b8a667 is composed of 72.2% red, 65.1% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.8% magenta, 44% yellow and 27.8% black. It has a hue angle of 46.7 degrees, a saturation of 36.3% and a lightness of 56.3%. #b8a667 color hex could be obtained by blending #ffffce with #714d00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 72
- G 65
- B 40
RGB color chart
- C 0
- M 10
- Y 44
- K 28
CMYK color chart

● #b8a667 color description : Slightly desaturated yellow.

The hexadecimal color #b8a667 has RGB values of R:184, G:166, B:103 and CMYK values of C:0, M:0.1, Y:0.44, K:0.28. Its decimal value is 12101223.

Hex triplet	b8a667	`#b8a667`
RGB Decimal	184, 166, 103	`rgb(184,166,103)`
RGB Percent	72.2, 65.1, 40.4	`rgb(72.2%,65.1%,40.4%)`
CMYK	0, 10, 44, 28
HSL	46.7°, 36.3, 56.3	`hsl(46.7,36.3%,56.3%)`
HSV (or HSB)	46.7°, 44, 72.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	68.346, -2.294, 34.925
XYZ	35.851, 38.443, 18.363
xyY	0.387, 0.415, 38.443
CIE-LCH	68.346, 35, 93.759
CIE-LUV	68.346, 15.08, 44.363
Hunter-Lab	62.002, -5.291, 25.842
Binary	10111000, 10100110, 01100111

#b8a667
```
#b8a667 rgb(184,166,103)
```
#6779b8
```
#6779b8 rgb(103,121,184)
```

Complementary Color

#b87e67
```
#b87e67 rgb(184,126,103)
```
#b8a667
```
#b8a667 rgb(184,166,103)
```
#a2b867
```
#a2b867 rgb(162,184,103)
```

Analogous Color

#7e67b8
```
#7e67b8 rgb(126,103,184)
```
#b8a667
```
#b8a667 rgb(184,166,103)
```
#67a2b8
```
#67a2b8 rgb(103,162,184)
```

Split Complementary Color

#a667b8
```
#a667b8 rgb(166,103,184)
```
#b8a667
```
#b8a667 rgb(184,166,103)
```
#67b8a6
```
#67b8a6 rgb(103,184,166)
```

Triadic Color

#b86779
```
#b86779 rgb(184,103,121)
```
#b8a667
```
#b8a667 rgb(184,166,103)
```
#67b8a6
```
#67b8a6 rgb(103,184,166)
```
#6779b8
```
#6779b8 rgb(103,121,184)
```

Tetradic Color

#8f7e43
```
#8f7e43 rgb(143,126,67)
```
#a18e4b
```
#a18e4b rgb(161,142,75)
```
#b09c56
```
#b09c56 rgb(176,156,86)
```
#b8a667
```
#b8a667 rgb(184,166,103)
```
#c0b078
```
#c0b078 rgb(192,176,120)
```
#c8ba8a
```
#c8ba8a rgb(200,186,138)
```
#d0c59b
```
#d0c59b rgb(208,197,155)
```

Monochromatic Color

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

#b89267
```
#b89267 rgb(184,146,103)
```
#b89967
```
#b89967 rgb(184,153,103)
```
#b89f67
```
#b89f67 rgb(184,159,103)
```
#b8a667
```
#b8a667 rgb(184,166,103)
```
#b8ad67
```
#b8ad67 rgb(184,173,103)
```
#b8b467
```
#b8b467 rgb(184,180,103)
```
#b6b867
```
#b6b867 rgb(182,184,103)
```

Similar Colors

Text with hexadecimal color #b8a667

This text has a font color of #b8a667.

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

#b8a667 background color

This paragraph has a background color of #b8a667.

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

#b8a667 border color

This element has a border color of #b8a667.

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

CSS codes

.text {color:#b8a667;}

.background {background-color:#b8a667;}

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

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

#080704
```
#080704 rgb(8,7,4)
```
#16130a
```
#16130a rgb(22,19,10)
```
#231f10
```
#231f10 rgb(35,31,16)
```
#312b17
```
#312b17 rgb(49,43,23)
```
#3e371d
```
#3e371d rgb(62,55,29)
```
#4b4223
```
#4b4223 rgb(75,66,35)
```
#594e29
```
#594e29 rgb(89,78,41)
```
#665a30
```
#665a30 rgb(102,90,48)
```
#736636
```
#736636 rgb(115,102,54)
```
#81723c
```
#81723c rgb(129,114,60)
```
#8e7d42
```
#8e7d42 rgb(142,125,66)
```
#9c8949
```
#9c8949 rgb(156,137,73)
```
#a9954f
```
#a9954f rgb(169,149,79)
```

Shade Color Variation

#b29e5a
```
#b29e5a rgb(178,158,90)
```
#b8a667
```
#b8a667 rgb(184,166,103)
```
#beae74
```
#beae74 rgb(190,174,116)
```
#c4b682
```
#c4b682 rgb(196,182,130)
```
#cbbd8f
```
#cbbd8f rgb(203,189,143)
```
#d1c59c
```
#d1c59c rgb(209,197,156)
```
#d7cdaa
```
#d7cdaa rgb(215,205,170)
```
#ddd5b7
```
#ddd5b7 rgb(221,213,183)
```
#e4ddc5
```
#e4ddc5 rgb(228,221,197)
```
#eae5d2
```
#eae5d2 rgb(234,229,210)
```
#f0ecdf
```
#f0ecdf rgb(240,236,223)
```
#f6f4ed
```
#f6f4ed rgb(246,244,237)
```
#fdfcfa
```
#fdfcfa rgb(253,252,250)
```

Tint Color Variation

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

#969389
```
#969389 rgb(150,147,137)
```
#9e9881
```
#9e9881 rgb(158,152,129)
```
#a79c78
```
#a79c78 rgb(167,156,120)
```
#afa170
```
#afa170 rgb(175,161,112)
```
#b8a667
```
#b8a667 rgb(184,166,103)
```
#c1ab5e
```
#c1ab5e rgb(193,171,94)
```
#c9b056
```
#c9b056 rgb(201,176,86)
```
#d2b44d
```
#d2b44d rgb(210,180,77)
```
#dab945
```
#dab945 rgb(218,185,69)
```
#e3be3c
```
#e3be3c rgb(227,190,60)
```
#ebc334
```
#ebc334 rgb(235,195,52)
```
#f4c72b
```
#f4c72b rgb(244,199,43)
```
#fdcc22
```
#fdcc22 rgb(253,204,34)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a8a498 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baab6f Protanopia 1% of men
#cca470 Deuteranopia 1% of men
#c3a2ae Tritanopia 0.001% of the population

Trichromacy

#b9a96c Protanomaly 1% of men, 0.01% of women
#c5a46d Deuteranomaly 6% of men, 0.4% of women
#bfa394 Tritanomaly 0.01% of the population

#b8a667 hex color

#b8a667 Color Information

#b8a667 Color Conversion

Color Schemes with #b8a667

Alternatives to #b8a667

#b8a667 Preview

Shades and Tints of #b8a667

Tones of #b8a667

Color Blindness Simulator