#b46344 hex color

In a RGB color space, hex #b46344 is composed of 70.6% red, 38.8% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45% magenta, 62.2% yellow and 29.4% black. It has a hue angle of 16.6 degrees, a saturation of 45.2% and a lightness of 48.6%. #b46344 color hex could be obtained by blending #ffc688 with #690000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 71
- G 39
- B 27
RGB color chart
- C 0
- M 45
- Y 62
- K 29
CMYK color chart

● #b46344 color description : Moderate orange.

The hexadecimal color #b46344 has RGB values of R:180, G:99, B:68 and CMYK values of C:0, M:0.45, Y:0.62, K:0.29. Its decimal value is 11821892.

Hex triplet	b46344	`#b46344`
RGB Decimal	180, 99, 68	`rgb(180,99,68)`
RGB Percent	70.6, 38.8, 26.7	`rgb(70.6%,38.8%,26.7%)`
CMYK	0, 45, 62, 29
HSL	16.6°, 45.2, 48.6	`hsl(16.6,45.2%,48.6%)`
HSV (or HSB)	16.6°, 62.2, 70.6
Web Safe	cc6633	`#cc6633`

CIE-LAB	50.741, 29.786, 31.783
XYZ	24.328, 19.046, 7.864
xyY	0.475, 0.372, 19.046
CIE-LCH	50.741, 43.558, 46.858
CIE-LUV	50.741, 61.91, 30.001
Hunter-Lab	43.642, 23.131, 19.866
Binary	10110100, 01100011, 01000100

#b46344
```
#b46344 rgb(180,99,68)
```
#4495b4
```
#4495b4 rgb(68,149,180)
```

Complementary Color

#b4445d
```
#b4445d rgb(180,68,93)
```
#b46344
```
#b46344 rgb(180,99,68)
```
#b49b44
```
#b49b44 rgb(180,155,68)
```

Analogous Color

#445db4
```
#445db4 rgb(68,93,180)
```
#b46344
```
#b46344 rgb(180,99,68)
```
#44b49b
```
#44b49b rgb(68,180,155)
```

Split Complementary Color

#6344b4
```
#6344b4 rgb(99,68,180)
```
#b46344
```
#b46344 rgb(180,99,68)
```
#44b463
```
#44b463 rgb(68,180,99)
```

Triadic Color

#b44495
```
#b44495 rgb(180,68,149)
```
#b46344
```
#b46344 rgb(180,99,68)
```
#44b463
```
#44b463 rgb(68,180,99)
```
#4495b4
```
#4495b4 rgb(68,149,180)
```

Tetradic Color

#7c442f
```
#7c442f rgb(124,68,47)
```
#8f4f36
```
#8f4f36 rgb(143,79,54)
```
#a1593d
```
#a1593d rgb(161,89,61)
```
#b46344
```
#b46344 rgb(180,99,68)
```
#be7153
```
#be7153 rgb(190,113,83)
```
#c58066
```
#c58066 rgb(197,128,102)
```
#cc9078
```
#cc9078 rgb(204,144,120)
```

Monochromatic Color

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

#b44744
```
#b44744 rgb(180,71,68)
```
#b45044
```
#b45044 rgb(180,80,68)
```
#b45a44
```
#b45a44 rgb(180,90,68)
```
#b46344
```
#b46344 rgb(180,99,68)
```
#b46c44
```
#b46c44 rgb(180,108,68)
```
#b47644
```
#b47644 rgb(180,118,68)
```
#b47f44
```
#b47f44 rgb(180,127,68)
```

Similar Colors

Text with hexadecimal color #b46344

This text has a font color of #b46344.

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

#b46344 background color

This paragraph has a background color of #b46344.

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

#b46344 border color

This element has a border color of #b46344.

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

CSS codes

.text {color:#b46344;}

.background {background-color:#b46344;}

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

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

#090503
```
#090503 rgb(9,5,3)
```
#170d09
```
#170d09 rgb(23,13,9)
```
#26150e
```
#26150e rgb(38,21,14)
```
#341d14
```
#341d14 rgb(52,29,20)
```
#422419
```
#422419 rgb(66,36,25)
```
#502c1e
```
#502c1e rgb(80,44,30)
```
#5f3424
```
#5f3424 rgb(95,52,36)
```
#6d3c29
```
#6d3c29 rgb(109,60,41)
```
#7b442e
```
#7b442e rgb(123,68,46)
```
#894c34
```
#894c34 rgb(137,76,52)
```
#985339
```
#985339 rgb(152,83,57)
```
#a65b3f
```
#a65b3f rgb(166,91,63)
```
#b46344
```
#b46344 rgb(180,99,68)
```

Shade Color Variation

#bd6d4f
```
#bd6d4f rgb(189,109,79)
```
#c2795d
```
#c2795d rgb(194,121,93)
```
#c7856c
```
#c7856c rgb(199,133,108)
```
#cd917a
```
#cd917a rgb(205,145,122)
```
#d29d88
```
#d29d88 rgb(210,157,136)
```
#d7a896
```
#d7a896 rgb(215,168,150)
```
#ddb4a4
```
#ddb4a4 rgb(221,180,164)
```
#e2c0b3
```
#e2c0b3 rgb(226,192,179)
```
#e8ccc1
```
#e8ccc1 rgb(232,204,193)
```
#edd7cf
```
#edd7cf rgb(237,215,207)
```
#f2e3dd
```
#f2e3dd rgb(242,227,221)
```
#f8efec
```
#f8efec rgb(248,239,236)
```
#fdfbfa
```
#fdfbfa rgb(253,251,250)
```

Tint Color Variation

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

#847874
```
#847874 rgb(132,120,116)
```
#8e746a
```
#8e746a rgb(142,116,106)
```
#977061
```
#977061 rgb(151,112,97)
```
#a16c57
```
#a16c57 rgb(161,108,87)
```
#aa674e
```
#aa674e rgb(170,103,78)
```
#b46344
```
#b46344 rgb(180,99,68)
```
#be5f3a
```
#be5f3a rgb(190,95,58)
```
#c75a31
```
#c75a31 rgb(199,90,49)
```
#d15627
```
#d15627 rgb(209,86,39)
```
#da521e
```
#da521e rgb(218,82,30)
```
#e44e14
```
#e44e14 rgb(228,78,20)
```
#ed490b
```
#ed490b rgb(237,73,11)
```
#f74501
```
#f74501 rgb(247,69,1)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#84746e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a7f54 Protanopia 1% of men
#9a7a49 Deuteranopia 1% of men
#ba666d Tritanopia 0.001% of the population

Trichromacy

#99754e Protanomaly 1% of men, 0.01% of women
#a47147 Deuteranomaly 6% of men, 0.4% of women
#b7655e Tritanomaly 0.01% of the population

#b46344 hex color

#b46344 Color Information

#b46344 Color Conversion

Color Schemes with #b46344

Alternatives to #b46344

#b46344 Preview

Shades and Tints of #b46344

Tones of #b46344

Color Blindness Simulator