#b2a346 hex color

In a RGB color space, hex #b2a346 is composed of 69.8% red, 63.9% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.4% magenta, 60.7% yellow and 30.2% black. It has a hue angle of 51.7 degrees, a saturation of 43.5% and a lightness of 48.6%. #b2a346 color hex could be obtained by blending #ffff8c with #654700. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 70
- G 64
- B 27
RGB color chart
- C 0
- M 8
- Y 61
- K 30
CMYK color chart

● #b2a346 color description : Dark moderate yellow.

The hexadecimal color #b2a346 has RGB values of R:178, G:163, B:70 and CMYK values of C:0, M:0.08, Y:0.61, K:0.3. Its decimal value is 11707206.

Hex triplet	b2a346	`#b2a346`
RGB Decimal	178, 163, 70	`rgb(178,163,70)`
RGB Percent	69.8, 63.9, 27.5	`rgb(69.8%,63.9%,27.5%)`
CMYK	0, 8, 61, 30
HSL	51.7°, 43.5, 48.6	`hsl(51.7,43.5%,48.6%)`
HSV (or HSB)	51.7°, 60.7, 69.8
Web Safe	999933	`#999933`

CIE-LAB	66.598, -6.163, 49.129
XYZ	32.563, 36.102, 11.047
xyY	0.409, 0.453, 36.102
CIE-LCH	66.598, 49.514, 97.15
CIE-LUV	66.598, 14.421, 57.784
Hunter-Lab	60.085, -8.412, 31.159
Binary	10110010, 10100011, 01000110

#b2a346
```
#b2a346 rgb(178,163,70)
```
#4655b2
```
#4655b2 rgb(70,85,178)
```

Complementary Color

#b26d46
```
#b26d46 rgb(178,109,70)
```
#b2a346
```
#b2a346 rgb(178,163,70)
```
#8bb246
```
#8bb246 rgb(139,178,70)
```

Analogous Color

#6d46b2
```
#6d46b2 rgb(109,70,178)
```
#b2a346
```
#b2a346 rgb(178,163,70)
```
#468bb2
```
#468bb2 rgb(70,139,178)
```

Split Complementary Color

#a346b2
```
#a346b2 rgb(163,70,178)
```
#b2a346
```
#b2a346 rgb(178,163,70)
```
#46b2a3
```
#46b2a3 rgb(70,178,163)
```

Triadic Color

#b24655
```
#b24655 rgb(178,70,85)
```
#b2a346
```
#b2a346 rgb(178,163,70)
```
#46b2a3
```
#46b2a3 rgb(70,178,163)
```
#4655b2
```
#4655b2 rgb(70,85,178)
```

Tetradic Color

#7b7130
```
#7b7130 rgb(123,113,48)
```
#8d8138
```
#8d8138 rgb(141,129,56)
```
#a0923f
```
#a0923f rgb(160,146,63)
```
#b2a346
```
#b2a346 rgb(178,163,70)
```
#bcae55
```
#bcae55 rgb(188,174,85)
```
#c3b768
```
#c3b768 rgb(195,183,104)
```
#cbbf7a
```
#cbbf7a rgb(203,191,122)
```

Monochromatic Color

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

#b28846
```
#b28846 rgb(178,136,70)
```
#b29146
```
#b29146 rgb(178,145,70)
```
#b29a46
```
#b29a46 rgb(178,154,70)
```
#b2a346
```
#b2a346 rgb(178,163,70)
```
#b2ac46
```
#b2ac46 rgb(178,172,70)
```
#afb246
```
#afb246 rgb(175,178,70)
```
#a6b246
```
#a6b246 rgb(166,178,70)
```

Similar Colors

Text with hexadecimal color #b2a346

This text has a font color of #b2a346.

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

#b2a346 background color

This paragraph has a background color of #b2a346.

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

#b2a346 border color

This element has a border color of #b2a346.

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

CSS codes

.text {color:#b2a346;}

.background {background-color:#b2a346;}

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

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

#090804
```
#090804 rgb(9,8,4)
```
#171509
```
#171509 rgb(23,21,9)
```
#25220f
```
#25220f rgb(37,34,15)
```
#332f14
```
#332f14 rgb(51,47,20)
```
#413c1a
```
#413c1a rgb(65,60,26)
```
#4f491f
```
#4f491f rgb(79,73,31)
```
#5e5625
```
#5e5625 rgb(94,86,37)
```
#6c632a
```
#6c632a rgb(108,99,42)
```
#7a6f30
```
#7a6f30 rgb(122,111,48)
```
#887c35
```
#887c35 rgb(136,124,53)
```
#96893b
```
#96893b rgb(150,137,59)
```
#a49640
```
#a49640 rgb(164,150,64)
```
#b2a346
```
#b2a346 rgb(178,163,70)
```

Shade Color Variation

#bbac51
```
#bbac51 rgb(187,172,81)
```
#c0b35f
```
#c0b35f rgb(192,179,95)
```
#c6b96d
```
#c6b96d rgb(198,185,109)
```
#cbc07b
```
#cbc07b rgb(203,192,123)
```
#d1c789
```
#d1c789 rgb(209,199,137)
```
#d6ce97
```
#d6ce97 rgb(214,206,151)
```
#dcd4a6
```
#dcd4a6 rgb(220,212,166)
```
#e1dbb4
```
#e1dbb4 rgb(225,219,180)
```
#e7e2c2
```
#e7e2c2 rgb(231,226,194)
```
#ece8d0
```
#ece8d0 rgb(236,232,208)
```
#f2efde
```
#f2efde rgb(242,239,222)
```
#f7f6ec
```
#f7f6ec rgb(247,246,236)
```
#fdfdfa
```
#fdfdfa rgb(253,253,250)
```

Tint Color Variation

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

#828176
```
#828176 rgb(130,129,118)
```
#8c876c
```
#8c876c rgb(140,135,108)
```
#958e63
```
#958e63 rgb(149,142,99)
```
#9f9559
```
#9f9559 rgb(159,149,89)
```
#a89c50
```
#a89c50 rgb(168,156,80)
```
#b2a346
```
#b2a346 rgb(178,163,70)
```
#bcaa3c
```
#bcaa3c rgb(188,170,60)
```
#c5b133
```
#c5b133 rgb(197,177,51)
```
#cfb829
```
#cfb829 rgb(207,184,41)
```
#d8bf20
```
#d8bf20 rgb(216,191,32)
```
#e2c516
```
#e2c516 rgb(226,197,22)
```
#ebcc0d
```
#ebcc0d rgb(235,204,13)
```
#f5d303
```
#f5d303 rgb(245,211,3)
```

Tone Color Variation

Below, you can see how #b2a346 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
#a19e8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a64f Protanopia 1% of men
#cc9f52 Deuteranopia 1% of men
#bf9ea9 Tritanopia 0.001% of the population

Trichromacy

#b6a54b Protanomaly 1% of men, 0.01% of women
#c2a04e Deuteranomaly 6% of men, 0.4% of women
#ba9f85 Tritanomaly 0.01% of the population

#b2a346 hex color

#b2a346 Color Information

#b2a346 Color Conversion

Color Schemes with #b2a346

Alternatives to #b2a346

#b2a346 Preview

Shades and Tints of #b2a346

Tones of #b2a346

Color Blindness Simulator