#b4a167 hex color

In a RGB color space, hex #b4a167 is composed of 70.6% red, 63.1% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.6% magenta, 42.8% yellow and 29.4% black. It has a hue angle of 45.2 degrees, a saturation of 33.9% and a lightness of 55.5%. #b4a167 color hex could be obtained by blending #ffffce with #694300. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 71
- G 63
- B 40
RGB color chart
- C 0
- M 11
- Y 43
- K 29
CMYK color chart

● #b4a167 color description : Slightly desaturated yellow.

The hexadecimal color #b4a167 has RGB values of R:180, G:161, B:103 and CMYK values of C:0, M:0.11, Y:0.43, K:0.29. Its decimal value is 11837799.

Hex triplet	b4a167	`#b4a167`
RGB Decimal	180, 161, 103	`rgb(180,161,103)`
RGB Percent	70.6, 63.1, 40.4	`rgb(70.6%,63.1%,40.4%)`
CMYK	0, 11, 43, 29
HSL	45.2°, 33.9, 55.5	`hsl(45.2,33.9%,55.5%)`
HSV (or HSB)	45.2°, 42.8, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	66.652, -1.269, 32.694
XYZ	34.015, 36.173, 18.022
xyY	0.386, 0.41, 36.173
CIE-LCH	66.652, 32.718, 92.224
CIE-LUV	66.652, 15.508, 41.477
Hunter-Lab	60.144, -4.299, 24.335
Binary	10110100, 10100001, 01100111

#b4a167
```
#b4a167 rgb(180,161,103)
```
#677ab4
```
#677ab4 rgb(103,122,180)
```

Complementary Color

#b47b67
```
#b47b67 rgb(180,123,103)
```
#b4a167
```
#b4a167 rgb(180,161,103)
```
#a1b467
```
#a1b467 rgb(161,180,103)
```

Analogous Color

#7b67b4
```
#7b67b4 rgb(123,103,180)
```
#b4a167
```
#b4a167 rgb(180,161,103)
```
#67a1b4
```
#67a1b4 rgb(103,161,180)
```

Split Complementary Color

#a167b4
```
#a167b4 rgb(161,103,180)
```
#b4a167
```
#b4a167 rgb(180,161,103)
```
#67b4a1
```
#67b4a1 rgb(103,180,161)
```

Triadic Color

#b4677a
```
#b4677a rgb(180,103,122)
```
#b4a167
```
#b4a167 rgb(180,161,103)
```
#67b4a1
```
#67b4a1 rgb(103,180,161)
```
#677ab4
```
#677ab4 rgb(103,122,180)
```

Tetradic Color

#8a7944
```
#8a7944 rgb(138,121,68)
```
#9b884d
```
#9b884d rgb(155,136,77)
```
#ac9656
```
#ac9656 rgb(172,150,86)
```
#b4a167
```
#b4a167 rgb(180,161,103)
```
#bcac78
```
#bcac78 rgb(188,172,120)
```
#c5b689
```
#c5b689 rgb(197,182,137)
```
#cdc19a
```
#cdc19a rgb(205,193,154)
```

Monochromatic Color

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

#b48e67
```
#b48e67 rgb(180,142,103)
```
#b49467
```
#b49467 rgb(180,148,103)
```
#b49b67
```
#b49b67 rgb(180,155,103)
```
#b4a167
```
#b4a167 rgb(180,161,103)
```
#b4a767
```
#b4a767 rgb(180,167,103)
```
#b4ae67
```
#b4ae67 rgb(180,174,103)
```
#b4b467
```
#b4b467 rgb(180,180,103)
```

Similar Colors

Text with hexadecimal color #b4a167

This text has a font color of #b4a167.

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

#b4a167 background color

This paragraph has a background color of #b4a167.

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

#b4a167 border color

This element has a border color of #b4a167.

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

CSS codes

.text {color:#b4a167;}

.background {background-color:#b4a167;}

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

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

#060503
```
#060503 rgb(6,5,3)
```
#131009
```
#131009 rgb(19,16,9)
```
#201c10
```
#201c10 rgb(32,28,16)
```
#2d2716
```
#2d2716 rgb(45,39,22)
```
#3a331d
```
#3a331d rgb(58,51,29)
```
#473e23
```
#473e23 rgb(71,62,35)
```
#544a2a
```
#544a2a rgb(84,74,42)
```
#625530
```
#625530 rgb(98,85,48)
```
#6f6137
```
#6f6137 rgb(111,97,55)
```
#7c6c3d
```
#7c6c3d rgb(124,108,61)
```
#897844
```
#897844 rgb(137,120,68)
```
#96834a
```
#96834a rgb(150,131,74)
```
#a38f51
```
#a38f51 rgb(163,143,81)
```

Shade Color Variation

#ae995a
```
#ae995a rgb(174,153,90)
```
#b4a167
```
#b4a167 rgb(180,161,103)
```
#baa974
```
#baa974 rgb(186,169,116)
```
#c1b181
```
#c1b181 rgb(193,177,129)
```
#c7b98e
```
#c7b98e rgb(199,185,142)
```
#cec19c
```
#cec19c rgb(206,193,156)
```
#d4caa9
```
#d4caa9 rgb(212,202,169)
```
#dbd2b6
```
#dbd2b6 rgb(219,210,182)
```
#e1dac3
```
#e1dac3 rgb(225,218,195)
```
#e8e2d0
```
#e8e2d0 rgb(232,226,208)
```
#eeeadd
```
#eeeadd rgb(238,234,221)
```
#f5f2ea
```
#f5f2ea rgb(245,242,234)
```
#fbfaf7
```
#fbfaf7 rgb(251,250,247)
```

Tint Color Variation

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

#918f8a
```
#918f8a rgb(145,143,138)
```
#9a9481
```
#9a9481 rgb(154,148,129)
```
#a39878
```
#a39878 rgb(163,152,120)
```
#ab9d70
```
#ab9d70 rgb(171,157,112)
```
#b4a167
```
#b4a167 rgb(180,161,103)
```
#bda55e
```
#bda55e rgb(189,165,94)
```
#c5aa56
```
#c5aa56 rgb(197,170,86)
```
#ceae4d
```
#ceae4d rgb(206,174,77)
```
#d7b344
```
#d7b344 rgb(215,179,68)
```
#e0b73b
```
#e0b73b rgb(224,183,59)
```
#e8bc33
```
#e8bc33 rgb(232,188,51)
```
#f1c02a
```
#f1c02a rgb(241,192,42)
```
#fac421
```
#fac421 rgb(250,196,33)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#a4a095 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a66f Protanopia 1% of men
#c7a070 Deuteranopia 1% of men
#be9ea9 Tritanopia 0.001% of the population

Trichromacy

#b4a46c Protanomaly 1% of men, 0.01% of women
#c0a06d Deuteranomaly 6% of men, 0.4% of women
#ba9f91 Tritanomaly 0.01% of the population

#b4a167 hex color

#b4a167 Color Information

#b4a167 Color Conversion

Color Schemes with #b4a167

Alternatives to #b4a167

#b4a167 Preview

Shades and Tints of #b4a167

Tones of #b4a167

Color Blindness Simulator