#b2a667 hex color

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

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

● #b2a667 color description : Mostly desaturated dark yellow.

The hexadecimal color #b2a667 has RGB values of R:178, G:166, B:103 and CMYK values of C:0, M:0.07, Y:0.42, K:0.3. Its decimal value is 11708007.

Hex triplet	b2a667	`#b2a667`
RGB Decimal	178, 166, 103	`rgb(178,166,103)`
RGB Percent	69.8, 65.1, 40.4	`rgb(69.8%,65.1%,40.4%)`
CMYK	0, 7, 42, 30
HSL	50.4°, 32.8, 55.1	`hsl(50.4,32.8%,55.1%)`
HSV (or HSB)	50.4°, 42.1, 69.8
Web Safe	999966	`#999966`

CIE-LAB	67.812, -4.782, 34.137
XYZ	34.444, 37.717, 18.297
xyY	0.381, 0.417, 37.717
CIE-LCH	67.812, 34.47, 97.975
CIE-LUV	67.812, 10.998, 43.938
Hunter-Lab	61.414, -7.364, 25.326
Binary	10110010, 10100110, 01100111

#b2a667
```
#b2a667 rgb(178,166,103)
```
#6773b2
```
#6773b2 rgb(103,115,178)
```

Complementary Color

#b28167
```
#b28167 rgb(178,129,103)
```
#b2a667
```
#b2a667 rgb(178,166,103)
```
#99b267
```
#99b267 rgb(153,178,103)
```

Analogous Color

#8167b2
```
#8167b2 rgb(129,103,178)
```
#b2a667
```
#b2a667 rgb(178,166,103)
```
#6799b2
```
#6799b2 rgb(103,153,178)
```

Split Complementary Color

#a667b2
```
#a667b2 rgb(166,103,178)
```
#b2a667
```
#b2a667 rgb(178,166,103)
```
#67b2a6
```
#67b2a6 rgb(103,178,166)
```

Triadic Color

#b26773
```
#b26773 rgb(178,103,115)
```
#b2a667
```
#b2a667 rgb(178,166,103)
```
#67b2a6
```
#67b2a6 rgb(103,178,166)
```
#6773b2
```
#6773b2 rgb(103,115,178)
```

Tetradic Color

#887d45
```
#887d45 rgb(136,125,69)
```
#998d4d
```
#998d4d rgb(153,141,77)
```
#a99c56
```
#a99c56 rgb(169,156,86)
```
#b2a667
```
#b2a667 rgb(178,166,103)
```
#bbb078
```
#bbb078 rgb(187,176,120)
```
#c3ba89
```
#c3ba89 rgb(195,186,137)
```
#ccc49a
```
#ccc49a rgb(204,196,154)
```

Monochromatic Color

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

#b29367
```
#b29367 rgb(178,147,103)
```
#b29a67
```
#b29a67 rgb(178,154,103)
```
#b2a067
```
#b2a067 rgb(178,160,103)
```
#b2a667
```
#b2a667 rgb(178,166,103)
```
#b2ac67
```
#b2ac67 rgb(178,172,103)
```
#b2b267
```
#b2b267 rgb(178,178,103)
```
#abb267
```
#abb267 rgb(171,178,103)
```

Similar Colors

Text with hexadecimal color #b2a667

This text has a font color of #b2a667.

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

#b2a667 background color

This paragraph has a background color of #b2a667.

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

#b2a667 border color

This element has a border color of #b2a667.

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

CSS codes

.text {color:#b2a667;}

.background {background-color:#b2a667;}

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

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)
```
#1e1c0f
```
#1e1c0f rgb(30,28,15)
```
#2b2816
```
#2b2816 rgb(43,40,22)
```
#38341d
```
#38341d rgb(56,52,29)
```
#454023
```
#454023 rgb(69,64,35)
```
#524c2a
```
#524c2a rgb(82,76,42)
```
#5f5830
```
#5f5830 rgb(95,88,48)
```
#6c6437
```
#6c6437 rgb(108,100,55)
```
#79703e
```
#79703e rgb(121,112,62)
```
#867c44
```
#867c44 rgb(134,124,68)
```
#93884b
```
#93884b rgb(147,136,75)
```
#a09451
```
#a09451 rgb(160,148,81)
```

Shade Color Variation

#ab9e5a
```
#ab9e5a rgb(171,158,90)
```
#b2a667
```
#b2a667 rgb(178,166,103)
```
#b9ae74
```
#b9ae74 rgb(185,174,116)
```
#bfb581
```
#bfb581 rgb(191,181,129)
```
#c6bd8e
```
#c6bd8e rgb(198,189,142)
```
#ccc49b
```
#ccc49b rgb(204,196,155)
```
#d3cca8
```
#d3cca8 rgb(211,204,168)
```
#dad4b5
```
#dad4b5 rgb(218,212,181)
```
#e0dbc2
```
#e0dbc2 rgb(224,219,194)
```
#e7e3cf
```
#e7e3cf rgb(231,227,207)
```
#edebdc
```
#edebdc rgb(237,235,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 #f8d621 is the most saturated one.

#8f8e8a
```
#8f8e8a rgb(143,142,138)
```
#989481
```
#989481 rgb(152,148,129)
```
#a09a79
```
#a09a79 rgb(160,154,121)
```
#a9a070
```
#a9a070 rgb(169,160,112)
```
#b2a667
```
#b2a667 rgb(178,166,103)
```
#bbac5e
```
#bbac5e rgb(187,172,94)
```
#c4b255
```
#c4b255 rgb(196,178,85)
```
#ccb84d
```
#ccb84d rgb(204,184,77)
```
#d5be44
```
#d5be44 rgb(213,190,68)
```
#dec43b
```
#dec43b rgb(222,196,59)
```
#e7ca32
```
#e7ca32 rgb(231,202,50)
```
#f0d029
```
#f0d029 rgb(240,208,41)
```
#f8d621
```
#f8d621 rgb(248,214,33)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#a5a396 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a96e Protanopia 1% of men
#caa271 Deuteranopia 1% of men
#bda2ae Tritanopia 0.001% of the population

Trichromacy

#b6a86b Protanomaly 1% of men, 0.01% of women
#c1a46d Deuteranomaly 6% of men, 0.4% of women
#b9a394 Tritanomaly 0.01% of the population

#b2a667 hex color

#b2a667 Color Information

#b2a667 Color Conversion

Color Schemes with #b2a667

Alternatives to #b2a667

#b2a667 Preview

Shades and Tints of #b2a667

Tones of #b2a667

Color Blindness Simulator