#b8a346 hex color

In a RGB color space, hex #b8a346 is composed of 72.2% red, 63.9% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.4% magenta, 62% yellow and 27.8% black. It has a hue angle of 48.9 degrees, a saturation of 44.9% and a lightness of 49.8%. #b8a346 color hex could be obtained by blending #ffff8c with #714700. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 72
- G 64
- B 27
RGB color chart
- C 0
- M 11
- Y 62
- K 28
CMYK color chart

● #b8a346 color description : Moderate yellow.

The hexadecimal color #b8a346 has RGB values of R:184, G:163, B:70 and CMYK values of C:0, M:0.11, Y:0.62, K:0.28. Its decimal value is 12100422.

Hex triplet	b8a346	`#b8a346`
RGB Decimal	184, 163, 70	`rgb(184,163,70)`
RGB Percent	72.2, 63.9, 27.5	`rgb(72.2%,63.9%,27.5%)`
CMYK	0, 11, 62, 28
HSL	48.9°, 44.9, 49.8	`hsl(48.9,44.9%,49.8%)`
HSV (or HSB)	48.9°, 62, 72.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	67.148, -3.564, 49.892
XYZ	33.97, 36.828, 11.113
xyY	0.415, 0.45, 36.828
CIE-LCH	67.148, 50.019, 94.086
CIE-LUV	67.148, 18.696, 58.047
Hunter-Lab	60.686, -6.282, 31.623
Binary	10111000, 10100011, 01000110

#b8a346
```
#b8a346 rgb(184,163,70)
```
#465bb8
```
#465bb8 rgb(70,91,184)
```

Complementary Color

#b86a46
```
#b86a46 rgb(184,106,70)
```
#b8a346
```
#b8a346 rgb(184,163,70)
```
#94b846
```
#94b846 rgb(148,184,70)
```

Analogous Color

#6a46b8
```
#6a46b8 rgb(106,70,184)
```
#b8a346
```
#b8a346 rgb(184,163,70)
```
#4694b8
```
#4694b8 rgb(70,148,184)
```

Split Complementary Color

#a346b8
```
#a346b8 rgb(163,70,184)
```
#b8a346
```
#b8a346 rgb(184,163,70)
```
#46b8a3
```
#46b8a3 rgb(70,184,163)
```

Triadic Color

#b8465b
```
#b8465b rgb(184,70,91)
```
#b8a346
```
#b8a346 rgb(184,163,70)
```
#46b8a3
```
#46b8a3 rgb(70,184,163)
```
#465bb8
```
#465bb8 rgb(70,91,184)
```

Tetradic Color

#817231
```
#817231 rgb(129,114,49)
```
#938238
```
#938238 rgb(147,130,56)
```
#a6933f
```
#a6933f rgb(166,147,63)
```
#b8a346
```
#b8a346 rgb(184,163,70)
```
#bfac58
```
#bfac58 rgb(191,172,88)
```
#c7b66a
```
#c7b66a rgb(199,182,106)
```
#cebf7d
```
#cebf7d rgb(206,191,125)
```

Monochromatic Color

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

#b88746
```
#b88746 rgb(184,135,70)
```
#b89046
```
#b89046 rgb(184,144,70)
```
#b89a46
```
#b89a46 rgb(184,154,70)
```
#b8a346
```
#b8a346 rgb(184,163,70)
```
#b8ad46
```
#b8ad46 rgb(184,173,70)
```
#b8b646
```
#b8b646 rgb(184,182,70)
```
#b1b846
```
#b1b846 rgb(177,184,70)
```

Similar Colors

Text with hexadecimal color #b8a346

This text has a font color of #b8a346.

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

#b8a346 background color

This paragraph has a background color of #b8a346.

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

#b8a346 border color

This element has a border color of #b8a346.

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

CSS codes

.text {color:#b8a346;}

.background {background-color:#b8a346;}

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

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

#0d0c05
```
#0d0c05 rgb(13,12,5)
```
#1c190b
```
#1c190b rgb(28,25,11)
```
#2a2510
```
#2a2510 rgb(42,37,16)
```
#383215
```
#383215 rgb(56,50,21)
```
#463e1b
```
#463e1b rgb(70,62,27)
```
#554b20
```
#554b20 rgb(85,75,32)
```
#635726
```
#635726 rgb(99,87,38)
```
#71642b
```
#71642b rgb(113,100,43)
```
#7f7130
```
#7f7130 rgb(127,113,48)
```
#8d7d36
```
#8d7d36 rgb(141,125,54)
```
#9c8a3b
```
#9c8a3b rgb(156,138,59)
```
#aa9641
```
#aa9641 rgb(170,150,65)
```
#b8a346
```
#b8a346 rgb(184,163,70)
```

Shade Color Variation

#beaa54
```
#beaa54 rgb(190,170,84)
```
#c3b162
```
#c3b162 rgb(195,177,98)
```
#c9b870
```
#c9b870 rgb(201,184,112)
```
#cebf7e
```
#cebf7e rgb(206,191,126)
```
#d3c68d
```
#d3c68d rgb(211,198,141)
```
#d9cd9b
```
#d9cd9b rgb(217,205,155)
```
#ded4a9
```
#ded4a9 rgb(222,212,169)
```
#e4dcb7
```
#e4dcb7 rgb(228,220,183)
```
#e9e3c5
```
#e9e3c5 rgb(233,227,197)
```
#efead4
```
#efead4 rgb(239,234,212)
```
#f4f1e2
```
#f4f1e2 rgb(244,241,226)
```
#f9f8f0
```
#f9f8f0 rgb(249,248,240)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#878477
```
#878477 rgb(135,132,119)
```
#918a6d
```
#918a6d rgb(145,138,109)
```
#9b9063
```
#9b9063 rgb(155,144,99)
```
#a4975a
```
#a4975a rgb(164,151,90)
```
#ae9d50
```
#ae9d50 rgb(174,157,80)
```
#b8a346
```
#b8a346 rgb(184,163,70)
```
#c2a93c
```
#c2a93c rgb(194,169,60)
```
#ccaf32
```
#ccaf32 rgb(204,175,50)
```
#d5b629
```
#d5b629 rgb(213,182,41)
```
#dfbc1f
```
#dfbc1f rgb(223,188,31)
```
#e9c215
```
#e9c215 rgb(233,194,21)
```
#f3c80b
```
#f3c80b rgb(243,200,11)
```
#fcce02
```
#fcce02 rgb(252,206,2)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a4a08d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a84f Protanopia 1% of men
#cea052 Deuteranopia 1% of men
#c49ea9 Tritanopia 0.001% of the population

Trichromacy

#b9a64c Protanomaly 1% of men, 0.01% of women
#c6a14d Deuteranomaly 6% of men, 0.4% of women
#bf9f85 Tritanomaly 0.01% of the population

#b8a346 hex color

#b8a346 Color Information

#b8a346 Color Conversion

Color Schemes with #b8a346

Alternatives to #b8a346

#b8a346 Preview

Shades and Tints of #b8a346

Tones of #b8a346

Color Blindness Simulator