#b46f36 hex color

In a RGB color space, hex #b46f36 is composed of 70.6% red, 43.5% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.3% magenta, 70% yellow and 29.4% black. It has a hue angle of 27.1 degrees, a saturation of 53.8% and a lightness of 45.9%. #b46f36 color hex could be obtained by blending #ffde6c with #690000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 71
- G 44
- B 21
RGB color chart
- C 0
- M 38
- Y 70
- K 29
CMYK color chart

● #b46f36 color description : Moderate orange.

The hexadecimal color #b46f36 has RGB values of R:180, G:111, B:54 and CMYK values of C:0, M:0.38, Y:0.7, K:0.29. Its decimal value is 11824950.

Hex triplet	b46f36	`#b46f36`
RGB Decimal	180, 111, 54	`rgb(180,111,54)`
RGB Percent	70.6, 43.5, 21.2	`rgb(70.6%,43.5%,21.2%)`
CMYK	0, 38, 70, 29
HSL	27.1°, 53.8, 45.9	`hsl(27.1,53.8%,45.9%)`
HSV (or HSB)	27.1°, 70, 70.6
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.32, 22.305, 42.231
XYZ	25.173, 21.34, 6.283
xyY	0.477, 0.404, 21.34
CIE-LCH	53.32, 47.759, 62.159
CIE-LUV	53.32, 54.547, 40.982
Hunter-Lab	46.196, 16.427, 24.273
Binary	10110100, 01101111, 00110110

#b46f36
```
#b46f36 rgb(180,111,54)
```
#367bb4
```
#367bb4 rgb(54,123,180)
```

Complementary Color

#b4363c
```
#b4363c rgb(180,54,60)
```
#b46f36
```
#b46f36 rgb(180,111,54)
```
#b4ae36
```
#b4ae36 rgb(180,174,54)
```

Analogous Color

#363cb4
```
#363cb4 rgb(54,60,180)
```
#b46f36
```
#b46f36 rgb(180,111,54)
```
#36b4ae
```
#36b4ae rgb(54,180,174)
```

Split Complementary Color

#6f36b4
```
#6f36b4 rgb(111,54,180)
```
#b46f36
```
#b46f36 rgb(180,111,54)
```
#36b46f
```
#36b46f rgb(54,180,111)
```

Triadic Color

#b4367b
```
#b4367b rgb(180,54,123)
```
#b46f36
```
#b46f36 rgb(180,111,54)
```
#36b46f
```
#36b46f rgb(54,180,111)
```
#367bb4
```
#367bb4 rgb(54,123,180)
```

Tetradic Color

#794b24
```
#794b24 rgb(121,75,36)
```
#8d572a
```
#8d572a rgb(141,87,42)
```
#a06330
```
#a06330 rgb(160,99,48)
```
#b46f36
```
#b46f36 rgb(180,111,54)
```
#c57b3e
```
#c57b3e rgb(197,123,62)
```
#cb8952
```
#cb8952 rgb(203,137,82)
```
#d19666
```
#d19666 rgb(209,150,102)
```

Monochromatic Color

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

#b45036
```
#b45036 rgb(180,80,54)
```
#b45a36
```
#b45a36 rgb(180,90,54)
```
#b46536
```
#b46536 rgb(180,101,54)
```
#b46f36
```
#b46f36 rgb(180,111,54)
```
#b47a36
```
#b47a36 rgb(180,122,54)
```
#b48436
```
#b48436 rgb(180,132,54)
```
#b48f36
```
#b48f36 rgb(180,143,54)
```

Similar Colors

Text with hexadecimal color #b46f36

This text has a font color of #b46f36.

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

#b46f36 background color

This paragraph has a background color of #b46f36.

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

#b46f36 border color

This element has a border color of #b46f36.

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

CSS codes

.text {color:#b46f36;}

.background {background-color:#b46f36;}

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

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, #0e0904 is the darkest color, while #fffefe is the lightest one.

#0e0904
```
#0e0904 rgb(14,9,4)
```
#1d1209
```
#1d1209 rgb(29,18,9)
```
#2c1b0d
```
#2c1b0d rgb(44,27,13)
```
#3b2512
```
#3b2512 rgb(59,37,18)
```
#4a2e16
```
#4a2e16 rgb(74,46,22)
```
#59371b
```
#59371b rgb(89,55,27)
```
#69401f
```
#69401f rgb(105,64,31)
```
#784a24
```
#784a24 rgb(120,74,36)
```
#875328
```
#875328 rgb(135,83,40)
```
#965c2d
```
#965c2d rgb(150,92,45)
```
#a56631
```
#a56631 rgb(165,102,49)
```
#b46f36
```
#b46f36 rgb(180,111,54)
```
#c3783b
```
#c3783b rgb(195,120,59)
```

Shade Color Variation

#c88349
```
#c88349 rgb(200,131,73)
```
#cd8d58
```
#cd8d58 rgb(205,141,88)
```
#d19767
```
#d19767 rgb(209,151,103)
```
#d6a176
```
#d6a176 rgb(214,161,118)
```
#daac85
```
#daac85 rgb(218,172,133)
```
#dfb694
```
#dfb694 rgb(223,182,148)
```
#e4c0a3
```
#e4c0a3 rgb(228,192,163)
```
#e8cbb2
```
#e8cbb2 rgb(232,203,178)
```
#edd5c2
```
#edd5c2 rgb(237,213,194)
```
#f1dfd1
```
#f1dfd1 rgb(241,223,209)
```
#f6eae0
```
#f6eae0 rgb(246,234,224)
```
#faf4ef
```
#faf4ef rgb(250,244,239)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#7e746c
```
#7e746c rgb(126,116,108)
```
#877363
```
#877363 rgb(135,115,99)
```
#90725a
```
#90725a rgb(144,114,90)
```
#997251
```
#997251 rgb(153,114,81)
```
#a27148
```
#a27148 rgb(162,113,72)
```
#ab703f
```
#ab703f rgb(171,112,63)
```
#b46f36
```
#b46f36 rgb(180,111,54)
```
#bd6e2d
```
#bd6e2d rgb(189,110,45)
```
#c66d24
```
#c66d24 rgb(198,109,36)
```
#cf6c1b
```
#cf6c1b rgb(207,108,27)
```
#d86c12
```
#d86c12 rgb(216,108,18)
```
#e16b09
```
#e16b09 rgb(225,107,9)
```
#ea6a00
```
#ea6a00 rgb(234,106,0)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#887a6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#938645 Protanopia 1% of men
#a47f3d Deuteranopia 1% of men
#bb7077 Tritanopia 0.001% of the population

Trichromacy

#9f7d3f Protanomaly 1% of men, 0.01% of women
#aa793a Deuteranomaly 6% of men, 0.4% of women
#b86f5f Tritanomaly 0.01% of the population

#b46f36 hex color

#b46f36 Color Information

#b46f36 Color Conversion

Color Schemes with #b46f36

Alternatives to #b46f36

#b46f36 Preview

Shades and Tints of #b46f36

Tones of #b46f36

Color Blindness Simulator