#b3a367 hex color

In a RGB color space, hex #b3a367 is composed of 70.2% red, 63.9% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.9% magenta, 42.5% yellow and 29.8% black. It has a hue angle of 47.4 degrees, a saturation of 33.3% and a lightness of 55.3%. #b3a367 color hex could be obtained by blending #ffffce with #674700. Closest websafe color is: #cc9966.

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

● #b3a367 color description : Slightly desaturated yellow.

The hexadecimal color #b3a367 has RGB values of R:179, G:163, B:103 and CMYK values of C:0, M:0.09, Y:0.42, K:0.3. Its decimal value is 11772775.

Hex triplet	b3a367	`#b3a367`
RGB Decimal	179, 163, 103	`rgb(179,163,103)`
RGB Percent	70.2, 63.9, 40.4	`rgb(70.2%,63.9%,40.4%)`
CMYK	0, 9, 42, 30
HSL	47.4°, 33.3, 55.3	`hsl(47.4,33.3%,55.3%)`
HSV (or HSB)	47.4°, 42.5, 70.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	67.095, -2.762, 33.242
XYZ	34.136, 36.758, 18.128
xyY	0.383, 0.413, 36.758
CIE-LCH	67.095, 33.356, 94.749
CIE-LUV	67.095, 13.558, 42.445
Hunter-Lab	60.629, -5.599, 24.712
Binary	10110011, 10100011, 01100111

#b3a367
```
#b3a367 rgb(179,163,103)
```
#6777b3
```
#6777b3 rgb(103,119,179)
```

Complementary Color

#b37d67
```
#b37d67 rgb(179,125,103)
```
#b3a367
```
#b3a367 rgb(179,163,103)
```
#9db367
```
#9db367 rgb(157,179,103)
```

Analogous Color

#7d67b3
```
#7d67b3 rgb(125,103,179)
```
#b3a367
```
#b3a367 rgb(179,163,103)
```
#679db3
```
#679db3 rgb(103,157,179)
```

Split Complementary Color

#a367b3
```
#a367b3 rgb(163,103,179)
```
#b3a367
```
#b3a367 rgb(179,163,103)
```
#67b3a3
```
#67b3a3 rgb(103,179,163)
```

Triadic Color

#b36777
```
#b36777 rgb(179,103,119)
```
#b3a367
```
#b3a367 rgb(179,163,103)
```
#67b3a3
```
#67b3a3 rgb(103,179,163)
```
#6777b3
```
#6777b3 rgb(103,119,179)
```

Tetradic Color

#897b45
```
#897b45 rgb(137,123,69)
```
#9a8a4d
```
#9a8a4d rgb(154,138,77)
```
#ab9956
```
#ab9956 rgb(171,153,86)
```
#b3a367
```
#b3a367 rgb(179,163,103)
```
#bcad78
```
#bcad78 rgb(188,173,120)
```
#c4b889
```
#c4b889 rgb(196,184,137)
```
#cdc29a
```
#cdc29a rgb(205,194,154)
```

Monochromatic Color

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

#b39067
```
#b39067 rgb(179,144,103)
```
#b39667
```
#b39667 rgb(179,150,103)
```
#b39d67
```
#b39d67 rgb(179,157,103)
```
#b3a367
```
#b3a367 rgb(179,163,103)
```
#b3a967
```
#b3a967 rgb(179,169,103)
```
#b3b067
```
#b3b067 rgb(179,176,103)
```
#b0b367
```
#b0b367 rgb(176,179,103)
```

Similar Colors

Text with hexadecimal color #b3a367

This text has a font color of #b3a367.

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

#b3a367 background color

This paragraph has a background color of #b3a367.

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

#b3a367 border color

This element has a border color of #b3a367.

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

CSS codes

.text {color:#b3a367;}

.background {background-color:#b3a367;}

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

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

#050402
```
#050402 rgb(5,4,2)
```
#121009
```
#121009 rgb(18,16,9)
```
#1f1c10
```
#1f1c10 rgb(31,28,16)
```
#2c2816
```
#2c2816 rgb(44,40,22)
```
#39331d
```
#39331d rgb(57,51,29)
```
#463f23
```
#463f23 rgb(70,63,35)
```
#534b2a
```
#534b2a rgb(83,75,42)
```
#605630
```
#605630 rgb(96,86,48)
```
#6e6237
```
#6e6237 rgb(110,98,55)
```
#7b6e3d
```
#7b6e3d rgb(123,110,61)
```
#887944
```
#887944 rgb(136,121,68)
```
#95854a
```
#95854a rgb(149,133,74)
```
#a29151
```
#a29151 rgb(162,145,81)
```

Shade Color Variation

#ac9b5a
```
#ac9b5a rgb(172,155,90)
```
#b3a367
```
#b3a367 rgb(179,163,103)
```
#baab74
```
#baab74 rgb(186,171,116)
```
#c0b381
```
#c0b381 rgb(192,179,129)
```
#c7bb8e
```
#c7bb8e rgb(199,187,142)
```
#cdc39b
```
#cdc39b rgb(205,195,155)
```
#d4cba8
```
#d4cba8 rgb(212,203,168)
```
#dad2b5
```
#dad2b5 rgb(218,210,181)
```
#e1dac3
```
#e1dac3 rgb(225,218,195)
```
#e7e2d0
```
#e7e2d0 rgb(231,226,208)
```
#eeeadd
```
#eeeadd rgb(238,234,221)
```
#f4f2ea
```
#f4f2ea rgb(244,242,234)
```
#fbfaf7
```
#fbfaf7 rgb(251,250,247)
```

Tint Color Variation

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

#908f8a
```
#908f8a rgb(144,143,138)
```
#999481
```
#999481 rgb(153,148,129)
```
#a19979
```
#a19979 rgb(161,153,121)
```
#aa9e70
```
#aa9e70 rgb(170,158,112)
```
#b3a367
```
#b3a367 rgb(179,163,103)
```
#bca85e
```
#bca85e rgb(188,168,94)
```
#c5ad55
```
#c5ad55 rgb(197,173,85)
```
#cdb24d
```
#cdb24d rgb(205,178,77)
```
#d6b744
```
#d6b744 rgb(214,183,68)
```
#dfbc3b
```
#dfbc3b rgb(223,188,59)
```
#e8c132
```
#e8c132 rgb(232,193,50)
```
#f0c72a
```
#f0c72a rgb(240,199,42)
```
#f9cc21
```
#f9cc21 rgb(249,204,33)
```

Tone Color Variation

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

Dichromacy

#b6a86f Protanopia 1% of men
#c8a170 Deuteranopia 1% of men
#bea0ab Tritanopia 0.001% of the population

Trichromacy

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

#b3a367 hex color

#b3a367 Color Information

#b3a367 Color Conversion

Color Schemes with #b3a367

Alternatives to #b3a367

#b3a367 Preview

Shades and Tints of #b3a367

Tones of #b3a367

Color Blindness Simulator