#b2a367 hex color

In a RGB color space, hex #b2a367 is composed of 69.8% red, 63.9% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.4% magenta, 42.1% yellow and 30.2% black. It has a hue angle of 48 degrees, a saturation of 32.8% and a lightness of 55.1%. #b2a367 color hex could be obtained by blending #ffffce with #654700. Closest websafe color is: #999966.

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

● #b2a367 color description : Mostly desaturated dark yellow.

The hexadecimal color #b2a367 has RGB values of R:178, G:163, B:103 and CMYK values of C:0, M:0.08, Y:0.42, K:0.3. Its decimal value is 11707239.

Hex triplet	b2a367	`#b2a367`
RGB Decimal	178, 163, 103	`rgb(178,163,103)`
RGB Percent	69.8, 63.9, 40.4	`rgb(69.8%,63.9%,40.4%)`
CMYK	0, 8, 42, 30
HSL	48°, 32.8, 55.1	`hsl(48,32.8%,55.1%)`
HSV (or HSB)	48°, 42.1, 69.8
Web Safe	999966	`#999966`

CIE-LAB	67.006, -3.177, 33.109
XYZ	33.905, 36.639, 18.117
xyY	0.382, 0.413, 36.639
CIE-LCH	67.006, 33.261, 95.48
CIE-LUV	67.006, 12.877, 42.372
Hunter-Lab	60.53, -5.944, 24.625
Binary	10110010, 10100011, 01100111

#b2a367
```
#b2a367 rgb(178,163,103)
```
#6776b2
```
#6776b2 rgb(103,118,178)
```

Complementary Color

#b27e67
```
#b27e67 rgb(178,126,103)
```
#b2a367
```
#b2a367 rgb(178,163,103)
```
#9cb267
```
#9cb267 rgb(156,178,103)
```

Analogous Color

#7e67b2
```
#7e67b2 rgb(126,103,178)
```
#b2a367
```
#b2a367 rgb(178,163,103)
```
#679cb2
```
#679cb2 rgb(103,156,178)
```

Split Complementary Color

#a367b2
```
#a367b2 rgb(163,103,178)
```
#b2a367
```
#b2a367 rgb(178,163,103)
```
#67b2a3
```
#67b2a3 rgb(103,178,163)
```

Triadic Color

#b26776
```
#b26776 rgb(178,103,118)
```
#b2a367
```
#b2a367 rgb(178,163,103)
```
#67b2a3
```
#67b2a3 rgb(103,178,163)
```
#6776b2
```
#6776b2 rgb(103,118,178)
```

Tetradic Color

#887a45
```
#887a45 rgb(136,122,69)
```
#998a4d
```
#998a4d rgb(153,138,77)
```
#a99956
```
#a99956 rgb(169,153,86)
```
#b2a367
```
#b2a367 rgb(178,163,103)
```
#bbad78
```
#bbad78 rgb(187,173,120)
```
#c3b789
```
#c3b789 rgb(195,183,137)
```
#ccc29a
```
#ccc29a rgb(204,194,154)
```

Monochromatic Color

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

#b29067
```
#b29067 rgb(178,144,103)
```
#b29767
```
#b29767 rgb(178,151,103)
```
#b29d67
```
#b29d67 rgb(178,157,103)
```
#b2a367
```
#b2a367 rgb(178,163,103)
```
#b2a967
```
#b2a967 rgb(178,169,103)
```
#b2b067
```
#b2b067 rgb(178,176,103)
```
#aeb267
```
#aeb267 rgb(174,178,103)
```

Similar Colors

Text with hexadecimal color #b2a367

This text has a font color of #b2a367.

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

#b2a367 background color

This paragraph has a background color of #b2a367.

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

#b2a367 border color

This element has a border color of #b2a367.

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

CSS codes

.text {color:#b2a367;}

.background {background-color:#b2a367;}

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

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

#040402
```
#040402 rgb(4,4,2)
```
#111009
```
#111009 rgb(17,16,9)
```
#1e1b0f
```
#1e1b0f rgb(30,27,15)
```
#2b2716
```
#2b2716 rgb(43,39,22)
```
#38331d
```
#38331d rgb(56,51,29)
```
#453e23
```
#453e23 rgb(69,62,35)
```
#524a2a
```
#524a2a rgb(82,74,42)
```
#5f5630
```
#5f5630 rgb(95,86,48)
```
#6c6237
```
#6c6237 rgb(108,98,55)
```
#796d3e
```
#796d3e rgb(121,109,62)
```
#867944
```
#867944 rgb(134,121,68)
```
#93854b
```
#93854b rgb(147,133,75)
```
#a09151
```
#a09151 rgb(160,145,81)
```

Shade Color Variation

#ab9b5a
```
#ab9b5a rgb(171,155,90)
```
#b2a367
```
#b2a367 rgb(178,163,103)
```
#b9ab74
```
#b9ab74 rgb(185,171,116)
```
#bfb381
```
#bfb381 rgb(191,179,129)
```
#c6bb8e
```
#c6bb8e rgb(198,187,142)
```
#ccc39b
```
#ccc39b rgb(204,195,155)
```
#d3caa8
```
#d3caa8 rgb(211,202,168)
```
#dad2b5
```
#dad2b5 rgb(218,210,181)
```
#e0dac2
```
#e0dac2 rgb(224,218,194)
```
#e7e2cf
```
#e7e2cf rgb(231,226,207)
```
#edeadc
```
#edeadc rgb(237,234,220)
```
#f4f2e9
```
#f4f2e9 rgb(244,242,233)
```
#fbfaf6
```
#fbfaf6 rgb(251,250,246)
```

Tint Color Variation

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

#8f8e8a
```
#8f8e8a rgb(143,142,138)
```
#989381
```
#989381 rgb(152,147,129)
```
#a09879
```
#a09879 rgb(160,152,121)
```
#a99e70
```
#a99e70 rgb(169,158,112)
```
#b2a367
```
#b2a367 rgb(178,163,103)
```
#bba85e
```
#bba85e rgb(187,168,94)
```
#c4ae55
```
#c4ae55 rgb(196,174,85)
```
#ccb34d
```
#ccb34d rgb(204,179,77)
```
#d5b844
```
#d5b844 rgb(213,184,68)
```
#debd3b
```
#debd3b rgb(222,189,59)
```
#e7c332
```
#e7c332 rgb(231,195,50)
```
#f0c829
```
#f0c829 rgb(240,200,41)
```
#f8cd21
```
#f8cd21 rgb(248,205,33)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a4a195 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a76e Protanopia 1% of men
#c8a071 Deuteranopia 1% of men
#bda0ab Tritanopia 0.001% of the population

Trichromacy

#b4a66c Protanomaly 1% of men, 0.01% of women
#c0a16d Deuteranomaly 6% of men, 0.4% of women
#b9a192 Tritanomaly 0.01% of the population

#b2a367 hex color

#b2a367 Color Information

#b2a367 Color Conversion

Color Schemes with #b2a367

Alternatives to #b2a367

#b2a367 Preview

Shades and Tints of #b2a367

Tones of #b2a367

Color Blindness Simulator