#b4a343 hex color

In a RGB color space, hex #b4a343 is composed of 70.6% red, 63.9% green and 26.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.4% magenta, 62.8% yellow and 29.4% black. It has a hue angle of 51 degrees, a saturation of 45.7% and a lightness of 48.4%. #b4a343 color hex could be obtained by blending #ffff86 with #694700. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 71
- G 64
- B 26
RGB color chart
- C 0
- M 9
- Y 63
- K 29
CMYK color chart

● #b4a343 color description : Moderate yellow.

The hexadecimal color #b4a343 has RGB values of R:180, G:163, B:67 and CMYK values of C:0, M:0.09, Y:0.63, K:0.29. Its decimal value is 11838275.

Hex triplet	b4a343	`#b4a343`
RGB Decimal	180, 163, 67	`rgb(180,163,67)`
RGB Percent	70.6, 63.9, 26.3	`rgb(70.6%,63.9%,26.3%)`
CMYK	0, 9, 63, 29
HSL	51°, 45.7, 48.4	`hsl(51,45.7%,48.4%)`
HSV (or HSB)	51°, 62.8, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.751, -5.504, 50.72
XYZ	32.933, 36.304, 10.583
xyY	0.413, 0.455, 36.304
CIE-LCH	66.751, 51.018, 96.194
CIE-LUV	66.751, 15.952, 58.977
Hunter-Lab	60.253, -7.878, 31.763
Binary	10110100, 10100011, 01000011

#b4a343
```
#b4a343 rgb(180,163,67)
```
#4354b4
```
#4354b4 rgb(67,84,180)
```

Complementary Color

#b46b43
```
#b46b43 rgb(180,107,67)
```
#b4a343
```
#b4a343 rgb(180,163,67)
```
#8db443
```
#8db443 rgb(141,180,67)
```

Analogous Color

#6b43b4
```
#6b43b4 rgb(107,67,180)
```
#b4a343
```
#b4a343 rgb(180,163,67)
```
#438db4
```
#438db4 rgb(67,141,180)
```

Split Complementary Color

#a343b4
```
#a343b4 rgb(163,67,180)
```
#b4a343
```
#b4a343 rgb(180,163,67)
```
#43b4a3
```
#43b4a3 rgb(67,180,163)
```

Triadic Color

#b44354
```
#b44354 rgb(180,67,84)
```
#b4a343
```
#b4a343 rgb(180,163,67)
```
#43b4a3
```
#43b4a3 rgb(67,180,163)
```
#4354b4
```
#4354b4 rgb(67,84,180)
```

Tetradic Color

#7c712e
```
#7c712e rgb(124,113,46)
```
#8f8135
```
#8f8135 rgb(143,129,53)
```
#a1923c
```
#a1923c rgb(161,146,60)
```
#b4a343
```
#b4a343 rgb(180,163,67)
```
#bfae52
```
#bfae52 rgb(191,174,82)
```
#c5b765
```
#c5b765 rgb(197,183,101)
```
#ccc077
```
#ccc077 rgb(204,192,119)
```

Monochromatic Color

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

#b48743
```
#b48743 rgb(180,135,67)
```
#b49043
```
#b49043 rgb(180,144,67)
```
#b49a43
```
#b49a43 rgb(180,154,67)
```
#b4a343
```
#b4a343 rgb(180,163,67)
```
#b4ac43
```
#b4ac43 rgb(180,172,67)
```
#b2b443
```
#b2b443 rgb(178,180,67)
```
#a9b443
```
#a9b443 rgb(169,180,67)
```

Similar Colors

Text with hexadecimal color #b4a343

This text has a font color of #b4a343.

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

#b4a343 background color

This paragraph has a background color of #b4a343.

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

#b4a343 border color

This element has a border color of #b4a343.

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

CSS codes

.text {color:#b4a343;}

.background {background-color:#b4a343;}

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

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

#080803
```
#080803 rgb(8,8,3)
```
#171508
```
#171508 rgb(23,21,8)
```
#25220e
```
#25220e rgb(37,34,14)
```
#332e13
```
#332e13 rgb(51,46,19)
```
#423b18
```
#423b18 rgb(66,59,24)
```
#50481e
```
#50481e rgb(80,72,30)
```
#5e5523
```
#5e5523 rgb(94,85,35)
```
#6d6228
```
#6d6228 rgb(109,98,40)
```
#7b6f2e
```
#7b6f2e rgb(123,111,46)
```
#897c33
```
#897c33 rgb(137,124,51)
```
#978938
```
#978938 rgb(151,137,56)
```
#a6963e
```
#a6963e rgb(166,150,62)
```
#b4a343
```
#b4a343 rgb(180,163,67)
```

Shade Color Variation

#bdac4e
```
#bdac4e rgb(189,172,78)
```
#c2b35c
```
#c2b35c rgb(194,179,92)
```
#c8ba6a
```
#c8ba6a rgb(200,186,106)
```
#cdc079
```
#cdc079 rgb(205,192,121)
```
#d2c787
```
#d2c787 rgb(210,199,135)
```
#d8ce95
```
#d8ce95 rgb(216,206,149)
```
#ddd4a3
```
#ddd4a3 rgb(221,212,163)
```
#e2dbb2
```
#e2dbb2 rgb(226,219,178)
```
#e8e2c0
```
#e8e2c0 rgb(232,226,192)
```
#ede8ce
```
#ede8ce rgb(237,232,206)
```
#f2efdd
```
#f2efdd rgb(242,239,221)
```
#f8f6eb
```
#f8f6eb rgb(248,246,235)
```
#fdfcf9
```
#fdfcf9 rgb(253,252,249)
```

Tint Color Variation

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

#858273
```
#858273 rgb(133,130,115)
```
#8e8869
```
#8e8869 rgb(142,136,105)
```
#988f60
```
#988f60 rgb(152,143,96)
```
#a19656
```
#a19656 rgb(161,150,86)
```
#ab9c4d
```
#ab9c4d rgb(171,156,77)
```
#b4a343
```
#b4a343 rgb(180,163,67)
```
#beaa3a
```
#beaa3a rgb(190,170,58)
```
#c7b030
```
#c7b030 rgb(199,176,48)
```
#d1b727
```
#d1b727 rgb(209,183,39)
```
#dabe1d
```
#dabe1d rgb(218,190,29)
```
#e4c414
```
#e4c414 rgb(228,196,20)
```
#edcb0a
```
#edcb0a rgb(237,203,10)
```
#f7d100
```
#f7d100 rgb(247,209,0)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a29e8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a74c Protanopia 1% of men
#cd9f4f Deuteranopia 1% of men
#c09ea9 Tritanopia 0.001% of the population

Trichromacy

#b7a549 Protanomaly 1% of men, 0.01% of women
#c3a04b Deuteranomaly 6% of men, 0.4% of women
#bc9f84 Tritanomaly 0.01% of the population

#b4a343 hex color

#b4a343 Color Information

#b4a343 Color Conversion

Color Schemes with #b4a343

Alternatives to #b4a343

#b4a343 Preview

Shades and Tints of #b4a343

Tones of #b4a343

Color Blindness Simulator