#b46236 hex color

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

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

● #b46236 color description : Moderate orange.

The hexadecimal color #b46236 has RGB values of R:180, G:98, B:54 and CMYK values of C:0, M:0.46, Y:0.7, K:0.29. Its decimal value is 11821622.

Hex triplet	b46236	`#b46236`
RGB Decimal	180, 98, 54	`rgb(180,98,54)`
RGB Percent	70.6, 38.4, 21.2	`rgb(70.6%,38.4%,21.2%)`
CMYK	0, 46, 70, 29
HSL	21°, 53.8, 45.9	`hsl(21,53.8%,45.9%)`
HSV (or HSB)	21°, 70, 70.6
Web Safe	cc6633	`#cc6633`

CIE-LAB	50.343, 29.439, 38.941
XYZ	23.857, 18.707, 5.844
xyY	0.493, 0.386, 18.707
CIE-LCH	50.343, 48.816, 52.91
CIE-LUV	50.343, 64.477, 35.693
Hunter-Lab	43.252, 22.766, 22.265
Binary	10110100, 01100010, 00110110

#b46236
```
#b46236 rgb(180,98,54)
```
#3688b4
```
#3688b4 rgb(54,136,180)
```

Complementary Color

#b43649
```
#b43649 rgb(180,54,73)
```
#b46236
```
#b46236 rgb(180,98,54)
```
#b4a136
```
#b4a136 rgb(180,161,54)
```

Analogous Color

#3649b4
```
#3649b4 rgb(54,73,180)
```
#b46236
```
#b46236 rgb(180,98,54)
```
#36b4a1
```
#36b4a1 rgb(54,180,161)
```

Split Complementary Color

#6236b4
```
#6236b4 rgb(98,54,180)
```
#b46236
```
#b46236 rgb(180,98,54)
```
#36b462
```
#36b462 rgb(54,180,98)
```

Triadic Color

#b43688
```
#b43688 rgb(180,54,136)
```
#b46236
```
#b46236 rgb(180,98,54)
```
#36b462
```
#36b462 rgb(54,180,98)
```
#3688b4
```
#3688b4 rgb(54,136,180)
```

Tetradic Color

#794224
```
#794224 rgb(121,66,36)
```
#8d4d2a
```
#8d4d2a rgb(141,77,42)
```
#a05730
```
#a05730 rgb(160,87,48)
```
#b46236
```
#b46236 rgb(180,98,54)
```
#c56d3e
```
#c56d3e rgb(197,109,62)
```
#cb7c52
```
#cb7c52 rgb(203,124,82)
```
#d18b66
```
#d18b66 rgb(209,139,102)
```

Monochromatic Color

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

#b44336
```
#b44336 rgb(180,67,54)
```
#b44d36
```
#b44d36 rgb(180,77,54)
```
#b45836
```
#b45836 rgb(180,88,54)
```
#b46236
```
#b46236 rgb(180,98,54)
```
#b46d36
```
#b46d36 rgb(180,109,54)
```
#b47736
```
#b47736 rgb(180,119,54)
```
#b48236
```
#b48236 rgb(180,130,54)
```

Similar Colors

Text with hexadecimal color #b46236

This text has a font color of #b46236.

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

#b46236 background color

This paragraph has a background color of #b46236.

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

#b46236 border color

This element has a border color of #b46236.

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

CSS codes

.text {color:#b46236;}

.background {background-color:#b46236;}

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

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

#0e0804
```
#0e0804 rgb(14,8,4)
```
#1d1009
```
#1d1009 rgb(29,16,9)
```
#2c180d
```
#2c180d rgb(44,24,13)
```
#3b2012
```
#3b2012 rgb(59,32,18)
```
#4a2816
```
#4a2816 rgb(74,40,22)
```
#59311b
```
#59311b rgb(89,49,27)
```
#69391f
```
#69391f rgb(105,57,31)
```
#784124
```
#784124 rgb(120,65,36)
```
#874928
```
#874928 rgb(135,73,40)
```
#96522d
```
#96522d rgb(150,82,45)
```
#a55a31
```
#a55a31 rgb(165,90,49)
```
#b46236
```
#b46236 rgb(180,98,54)
```
#c36a3b
```
#c36a3b rgb(195,106,59)
```

Shade Color Variation

#c87549
```
#c87549 rgb(200,117,73)
```
#cd8158
```
#cd8158 rgb(205,129,88)
```
#d18c67
```
#d18c67 rgb(209,140,103)
```
#d69876
```
#d69876 rgb(214,152,118)
```
#daa385
```
#daa385 rgb(218,163,133)
```
#dfae94
```
#dfae94 rgb(223,174,148)
```
#e4baa3
```
#e4baa3 rgb(228,186,163)
```
#e8c5b2
```
#e8c5b2 rgb(232,197,178)
```
#edd1c2
```
#edd1c2 rgb(237,209,194)
```
#f1dcd1
```
#f1dcd1 rgb(241,220,209)
```
#f6e7e0
```
#f6e7e0 rgb(246,231,224)
```
#faf3ef
```
#faf3ef rgb(250,243,239)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#7e726c
```
#7e726c rgb(126,114,108)
```
#877063
```
#877063 rgb(135,112,99)
```
#906d5a
```
#906d5a rgb(144,109,90)
```
#996a51
```
#996a51 rgb(153,106,81)
```
#a26748
```
#a26748 rgb(162,103,72)
```
#ab653f
```
#ab653f rgb(171,101,63)
```
#b46236
```
#b46236 rgb(180,98,54)
```
#bd5f2d
```
#bd5f2d rgb(189,95,45)
```
#c65d24
```
#c65d24 rgb(198,93,36)
```
#cf5a1b
```
#cf5a1b rgb(207,90,27)
```
#d85712
```
#d85712 rgb(216,87,18)
```
#e15409
```
#e15409 rgb(225,84,9)
```
#ea5200
```
#ea5200 rgb(234,82,0)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#827269 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7e46 Protanopia 1% of men
#9b793c Deuteranopia 1% of men
#ba656b Tritanopia 0.001% of the population

Trichromacy

#9a7440 Protanomaly 1% of men, 0.01% of women
#a47039 Deuteranomaly 6% of men, 0.4% of women
#b86358 Tritanomaly 0.01% of the population

#b46236 hex color

#b46236 Color Information

#b46236 Color Conversion

Color Schemes with #b46236

Alternatives to #b46236

#b46236 Preview

Shades and Tints of #b46236

Tones of #b46236

Color Blindness Simulator