#b2a167 hex color

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

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

● #b2a167 color description : Mostly desaturated dark yellow.

The hexadecimal color #b2a167 has RGB values of R:178, G:161, B:103 and CMYK values of C:0, M:0.1, Y:0.42, K:0.3. Its decimal value is 11706727.

Hex triplet	b2a167	`#b2a167`
RGB Decimal	178, 161, 103	`rgb(178,161,103)`
RGB Percent	69.8, 63.1, 40.4	`rgb(69.8%,63.1%,40.4%)`
CMYK	0, 10, 42, 30
HSL	46.4°, 32.8, 55.1	`hsl(46.4,32.8%,55.1%)`
HSV (or HSB)	46.4°, 42.1, 69.8
Web Safe	999966	`#999966`

CIE-LAB	66.47, -2.101, 32.424
XYZ	33.553, 35.935, 18
xyY	0.384, 0.411, 35.935
CIE-LCH	66.47, 32.492, 93.707
CIE-LUV	66.47, 14.137, 41.326
Hunter-Lab	59.946, -4.994, 24.159
Binary	10110010, 10100001, 01100111

#b2a167
```
#b2a167 rgb(178,161,103)
```
#6778b2
```
#6778b2 rgb(103,120,178)
```

Complementary Color

#b27c67
```
#b27c67 rgb(178,124,103)
```
#b2a167
```
#b2a167 rgb(178,161,103)
```
#9eb267
```
#9eb267 rgb(158,178,103)
```

Analogous Color

#7c67b2
```
#7c67b2 rgb(124,103,178)
```
#b2a167
```
#b2a167 rgb(178,161,103)
```
#679eb2
```
#679eb2 rgb(103,158,178)
```

Split Complementary Color

#a167b2
```
#a167b2 rgb(161,103,178)
```
#b2a167
```
#b2a167 rgb(178,161,103)
```
#67b2a1
```
#67b2a1 rgb(103,178,161)
```

Triadic Color

#b26778
```
#b26778 rgb(178,103,120)
```
#b2a167
```
#b2a167 rgb(178,161,103)
```
#67b2a1
```
#67b2a1 rgb(103,178,161)
```
#6778b2
```
#6778b2 rgb(103,120,178)
```

Tetradic Color

#887945
```
#887945 rgb(136,121,69)
```
#99884d
```
#99884d rgb(153,136,77)
```
#a99756
```
#a99756 rgb(169,151,86)
```
#b2a167
```
#b2a167 rgb(178,161,103)
```
#bbab78
```
#bbab78 rgb(187,171,120)
```
#c3b689
```
#c3b689 rgb(195,182,137)
```
#ccc09a
```
#ccc09a rgb(204,192,154)
```

Monochromatic Color

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

#b28e67
```
#b28e67 rgb(178,142,103)
```
#b29567
```
#b29567 rgb(178,149,103)
```
#b29b67
```
#b29b67 rgb(178,155,103)
```
#b2a167
```
#b2a167 rgb(178,161,103)
```
#b2a767
```
#b2a767 rgb(178,167,103)
```
#b2ae67
```
#b2ae67 rgb(178,174,103)
```
#b0b267
```
#b0b267 rgb(176,178,103)
```

Similar Colors

Text with hexadecimal color #b2a167

This text has a font color of #b2a167.

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

#b2a167 background color

This paragraph has a background color of #b2a167.

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

#b2a167 border color

This element has a border color of #b2a167.

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

CSS codes

.text {color:#b2a167;}

.background {background-color:#b2a167;}

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

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)
```
#110f09
```
#110f09 rgb(17,15,9)
```
#1e1b0f
```
#1e1b0f rgb(30,27,15)
```
#2b2616
```
#2b2616 rgb(43,38,22)
```
#38321d
```
#38321d rgb(56,50,29)
```
#453e23
```
#453e23 rgb(69,62,35)
```
#52492a
```
#52492a rgb(82,73,42)
```
#5f5530
```
#5f5530 rgb(95,85,48)
```
#6c6037
```
#6c6037 rgb(108,96,55)
```
#796c3e
```
#796c3e rgb(121,108,62)
```
#867744
```
#867744 rgb(134,119,68)
```
#93834b
```
#93834b rgb(147,131,75)
```
#a08f51
```
#a08f51 rgb(160,143,81)
```

Shade Color Variation

#ab995a
```
#ab995a rgb(171,153,90)
```
#b2a167
```
#b2a167 rgb(178,161,103)
```
#b9a974
```
#b9a974 rgb(185,169,116)
```
#bfb181
```
#bfb181 rgb(191,177,129)
```
#c6b98e
```
#c6b98e rgb(198,185,142)
```
#ccc19b
```
#ccc19b rgb(204,193,155)
```
#d3c9a8
```
#d3c9a8 rgb(211,201,168)
```
#dad1b5
```
#dad1b5 rgb(218,209,181)
```
#e0d9c2
```
#e0d9c2 rgb(224,217,194)
```
#e7e1cf
```
#e7e1cf rgb(231,225,207)
```
#ede9dc
```
#ede9dc rgb(237,233,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 #f8c821 is the most saturated one.

#8f8e8a
```
#8f8e8a rgb(143,142,138)
```
#989381
```
#989381 rgb(152,147,129)
```
#a09779
```
#a09779 rgb(160,151,121)
```
#a99c70
```
#a99c70 rgb(169,156,112)
```
#b2a167
```
#b2a167 rgb(178,161,103)
```
#bba65e
```
#bba65e rgb(187,166,94)
```
#c4ab55
```
#c4ab55 rgb(196,171,85)
```
#ccaf4d
```
#ccaf4d rgb(204,175,77)
```
#d5b444
```
#d5b444 rgb(213,180,68)
```
#deb93b
```
#deb93b rgb(222,185,59)
```
#e7be32
```
#e7be32 rgb(231,190,50)
```
#f0c329
```
#f0c329 rgb(240,195,41)
```
#f8c821
```
#f8c821 rgb(248,200,33)
```

Tone Color Variation

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

Dichromacy

#b4a66f Protanopia 1% of men
#c69f70 Deuteranopia 1% of men
#bd9ea9 Tritanopia 0.001% of the population

Trichromacy

#b3a46c Protanomaly 1% of men, 0.01% of women
#bfa06d Deuteranomaly 6% of men, 0.4% of women
#b99f91 Tritanomaly 0.01% of the population

#b2a167 hex color

#b2a167 Color Information

#b2a167 Color Conversion

Color Schemes with #b2a167

Alternatives to #b2a167

#b2a167 Preview

Shades and Tints of #b2a167

Tones of #b2a167

Color Blindness Simulator