#b4a146 hex color

In a RGB color space, hex #b4a146 is composed of 70.6% red, 63.1% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.6% magenta, 61.1% yellow and 29.4% black. It has a hue angle of 49.6 degrees, a saturation of 44% and a lightness of 49%. #b4a146 color hex could be obtained by blending #ffff8c with #694300. Closest websafe color is: #cc9933.

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

● #b4a146 color description : Moderate yellow.

The hexadecimal color #b4a146 has RGB values of R:180, G:161, B:70 and CMYK values of C:0, M:0.11, Y:0.61, K:0.29. Its decimal value is 11837766.

Hex triplet	b4a146	`#b4a146`
RGB Decimal	180, 161, 70	`rgb(180,161,70)`
RGB Percent	70.6, 63.1, 27.5	`rgb(70.6%,63.1%,27.5%)`
CMYK	0, 11, 61, 29
HSL	49.6°, 44, 49	`hsl(49.6,44%,49%)`
HSV (or HSB)	49.6°, 61.1, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.241, -4.231, 48.784
XYZ	32.673, 35.636, 10.951
xyY	0.412, 0.45, 35.636
CIE-LCH	66.241, 48.967, 94.956
CIE-LUV	66.241, 17.183, 56.959
Hunter-Lab	59.696, -6.771, 30.91
Binary	10110100, 10100001, 01000110

#b4a146
```
#b4a146 rgb(180,161,70)
```
#4659b4
```
#4659b4 rgb(70,89,180)
```

Complementary Color

#b46a46
```
#b46a46 rgb(180,106,70)
```
#b4a146
```
#b4a146 rgb(180,161,70)
```
#90b446
```
#90b446 rgb(144,180,70)
```

Analogous Color

#6a46b4
```
#6a46b4 rgb(106,70,180)
```
#b4a146
```
#b4a146 rgb(180,161,70)
```
#4690b4
```
#4690b4 rgb(70,144,180)
```

Split Complementary Color

#a146b4
```
#a146b4 rgb(161,70,180)
```
#b4a146
```
#b4a146 rgb(180,161,70)
```
#46b4a1
```
#46b4a1 rgb(70,180,161)
```

Triadic Color

#b44659
```
#b44659 rgb(180,70,89)
```
#b4a146
```
#b4a146 rgb(180,161,70)
```
#46b4a1
```
#46b4a1 rgb(70,180,161)
```
#4659b4
```
#4659b4 rgb(70,89,180)
```

Tetradic Color

#7d7031
```
#7d7031 rgb(125,112,49)
```
#8f8038
```
#8f8038 rgb(143,128,56)
```
#a2913f
```
#a2913f rgb(162,145,63)
```
#b4a146
```
#b4a146 rgb(180,161,70)
```
#bdac56
```
#bdac56 rgb(189,172,86)
```
#c4b569
```
#c4b569 rgb(196,181,105)
```
#ccbe7b
```
#ccbe7b rgb(204,190,123)
```

Monochromatic Color

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

#b48646
```
#b48646 rgb(180,134,70)
```
#b48f46
```
#b48f46 rgb(180,143,70)
```
#b49846
```
#b49846 rgb(180,152,70)
```
#b4a146
```
#b4a146 rgb(180,161,70)
```
#b4aa46
```
#b4aa46 rgb(180,170,70)
```
#b4b346
```
#b4b346 rgb(180,179,70)
```
#acb446
```
#acb446 rgb(172,180,70)
```

Similar Colors

Text with hexadecimal color #b4a146

This text has a font color of #b4a146.

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

#b4a146 background color

This paragraph has a background color of #b4a146.

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

#b4a146 border color

This element has a border color of #b4a146.

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

CSS codes

.text {color:#b4a146;}

.background {background-color:#b4a146;}

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

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, #0b0904 is the darkest color, while #fefdfb is the lightest one.

#0b0904
```
#0b0904 rgb(11,9,4)
```
#19160a
```
#19160a rgb(25,22,10)
```
#27230f
```
#27230f rgb(39,35,15)
```
#352f15
```
#352f15 rgb(53,47,21)
```
#433c1a
```
#433c1a rgb(67,60,26)
```
#514920
```
#514920 rgb(81,73,32)
```
#5f5525
```
#5f5525 rgb(95,85,37)
```
#6d622b
```
#6d622b rgb(109,98,43)
```
#7c6e30
```
#7c6e30 rgb(124,110,48)
```
#8a7b36
```
#8a7b36 rgb(138,123,54)
```
#98883b
```
#98883b rgb(152,136,59)
```
#a69441
```
#a69441 rgb(166,148,65)
```
#b4a146
```
#b4a146 rgb(180,161,70)
```

Shade Color Variation

#bca952
```
#bca952 rgb(188,169,82)
```
#c1b060
```
#c1b060 rgb(193,176,96)
```
#c7b76e
```
#c7b76e rgb(199,183,110)
```
#ccbe7c
```
#ccbe7c rgb(204,190,124)
```
#d2c58a
```
#d2c58a rgb(210,197,138)
```
#d7cc99
```
#d7cc99 rgb(215,204,153)
```
#ddd3a7
```
#ddd3a7 rgb(221,211,167)
```
#e2dab5
```
#e2dab5 rgb(226,218,181)
```
#e8e1c3
```
#e8e1c3 rgb(232,225,195)
```
#ede8d1
```
#ede8d1 rgb(237,232,209)
```
#f3efdf
```
#f3efdf rgb(243,239,223)
```
#f8f6ed
```
#f8f6ed rgb(248,246,237)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#848276
```
#848276 rgb(132,130,118)
```
#8e886c
```
#8e886c rgb(142,136,108)
```
#978e63
```
#978e63 rgb(151,142,99)
```
#a19459
```
#a19459 rgb(161,148,89)
```
#aa9b50
```
#aa9b50 rgb(170,155,80)
```
#b4a146
```
#b4a146 rgb(180,161,70)
```
#bea73c
```
#bea73c rgb(190,167,60)
```
#c7ae33
```
#c7ae33 rgb(199,174,51)
```
#d1b429
```
#d1b429 rgb(209,180,41)
```
#daba20
```
#daba20 rgb(218,186,32)
```
#e4c016
```
#e4c016 rgb(228,192,22)
```
#eec70c
```
#eec70c rgb(238,199,12)
```
#f7cd03
```
#f7cd03 rgb(247,205,3)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#a19d8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7a64f Protanopia 1% of men
#cb9e52 Deuteranopia 1% of men
#c09ca7 Tritanopia 0.001% of the population

Trichromacy

#b6a44c Protanomaly 1% of men, 0.01% of women
#c29f4d Deuteranomaly 6% of men, 0.4% of women
#bc9e84 Tritanomaly 0.01% of the population

#b4a146 hex color

#b4a146 Color Information

#b4a146 Color Conversion

Color Schemes with #b4a146

Alternatives to #b4a146

#b4a146 Preview

Shades and Tints of #b4a146

Tones of #b4a146

Color Blindness Simulator