#b47224 hex color

In a RGB color space, hex #b47224 is composed of 70.6% red, 44.7% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.7% magenta, 80% yellow and 29.4% black. It has a hue angle of 32.5 degrees, a saturation of 66.7% and a lightness of 42.4%. #b47224 color hex could be obtained by blending #ffe448 with #690000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 71
- G 45
- B 14
RGB color chart
- C 0
- M 37
- Y 80
- K 29
CMYK color chart

● #b47224 color description : Strong orange.

The hexadecimal color #b47224 has RGB values of R:180, G:114, B:36 and CMYK values of C:0, M:0.37, Y:0.8, K:0.29. Its decimal value is 11825700.

Hex triplet	b47224	`#b47224`
RGB Decimal	180, 114, 36	`rgb(180,114,36)`
RGB Percent	70.6, 44.7, 14.1	`rgb(70.6%,44.7%,14.1%)`
CMYK	0, 37, 80, 29
HSL	32.5°, 66.7, 42.4	`hsl(32.5,66.7%,42.4%)`
HSV (or HSB)	32.5°, 80, 70.6
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.886, 19.805, 51.014
XYZ	25.159, 21.867, 4.565
xyY	0.488, 0.424, 21.867
CIE-LCH	53.886, 54.724, 68.783
CIE-LUV	53.886, 53.572, 47.719
Hunter-Lab	46.762, 14.202, 26.946
Binary	10110100, 01110010, 00100100

#b47224
```
#b47224 rgb(180,114,36)
```
#2466b4
```
#2466b4 rgb(36,102,180)
```

Complementary Color

#b42a24
```
#b42a24 rgb(180,42,36)
```
#b47224
```
#b47224 rgb(180,114,36)
```
#aeb424
```
#aeb424 rgb(174,180,36)
```

Analogous Color

#2a24b4
```
#2a24b4 rgb(42,36,180)
```
#b47224
```
#b47224 rgb(180,114,36)
```
#24aeb4
```
#24aeb4 rgb(36,174,180)
```

Split Complementary Color

#7224b4
```
#7224b4 rgb(114,36,180)
```
#b47224
```
#b47224 rgb(180,114,36)
```
#24b472
```
#24b472 rgb(36,180,114)
```

Triadic Color

#b42466
```
#b42466 rgb(180,36,102)
```
#b47224
```
#b47224 rgb(180,114,36)
```
#24b472
```
#24b472 rgb(36,180,114)
```
#2466b4
```
#2466b4 rgb(36,102,180)
```

Tetradic Color

#744a17
```
#744a17 rgb(116,74,23)
```
#8a571c
```
#8a571c rgb(138,87,28)
```
#9f6520
```
#9f6520 rgb(159,101,32)
```
#b47224
```
#b47224 rgb(180,114,36)
```
#c97f28
```
#c97f28 rgb(201,127,40)
```
#d78c35
```
#d78c35 rgb(215,140,53)
```
#db984a
```
#db984a rgb(219,152,74)
```

Monochromatic Color

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

#b44e24
```
#b44e24 rgb(180,78,36)
```
#b45a24
```
#b45a24 rgb(180,90,36)
```
#b46624
```
#b46624 rgb(180,102,36)
```
#b47224
```
#b47224 rgb(180,114,36)
```
#b47e24
```
#b47e24 rgb(180,126,36)
```
#b48a24
```
#b48a24 rgb(180,138,36)
```
#b49624
```
#b49624 rgb(180,150,36)
```

Similar Colors

Text with hexadecimal color #b47224

This text has a font color of #b47224.

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

#b47224 background color

This paragraph has a background color of #b47224.

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

#b47224 border color

This element has a border color of #b47224.

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

CSS codes

.text {color:#b47224;}

.background {background-color:#b47224;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#110a03
```
#110a03 rgb(17,10,3)
```
#211507
```
#211507 rgb(33,21,7)
```
#311f0a
```
#311f0a rgb(49,31,10)
```
#422a0d
```
#422a0d rgb(66,42,13)
```
#523410
```
#523410 rgb(82,52,16)
```
#623e14
```
#623e14 rgb(98,62,20)
```
#734917
```
#734917 rgb(115,73,23)
```
#83531a
```
#83531a rgb(131,83,26)
```
#935d1d
```
#935d1d rgb(147,93,29)
```
#a46821
```
#a46821 rgb(164,104,33)
```
#b47224
```
#b47224 rgb(180,114,36)
```
#c47c27
```
#c47c27 rgb(196,124,39)
```

Shade Color Variation

#d5872b
```
#d5872b rgb(213,135,43)
```
#d8903b
```
#d8903b rgb(216,144,59)
```
#db994b
```
#db994b rgb(219,153,75)
```
#dea25c
```
#dea25c rgb(222,162,92)
```
#e2ac6c
```
#e2ac6c rgb(226,172,108)
```
#e5b57c
```
#e5b57c rgb(229,181,124)
```
#e8be8d
```
#e8be8d rgb(232,190,141)
```
#ebc89d
```
#ebc89d rgb(235,200,157)
```
#efd1ad
```
#efd1ad rgb(239,209,173)
```
#f2dabe
```
#f2dabe rgb(242,218,190)
```
#f5e3ce
```
#f5e3ce rgb(245,227,206)
```
#f9eddf
```
#f9eddf rgb(249,237,223)
```
#fcf6ef
```
#fcf6ef rgb(252,246,239)
```

Tint Color Variation

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

#726c66
```
#726c66 rgb(114,108,102)
```
#7a6d5e
```
#7a6d5e rgb(122,109,94)
```
#826e56
```
#826e56 rgb(130,110,86)
```
#8a6f4e
```
#8a6f4e rgb(138,111,78)
```
#936f45
```
#936f45 rgb(147,111,69)
```
#9b703d
```
#9b703d rgb(155,112,61)
```
#a37135
```
#a37135 rgb(163,113,53)
```
#ac712c
```
#ac712c rgb(172,113,44)
```
#b47224
```
#b47224 rgb(180,114,36)
```
#bc731c
```
#bc731c rgb(188,115,28)
```
#c57313
```
#c57313 rgb(197,115,19)
```
#cd740b
```
#cd740b rgb(205,116,11)
```
#d57503
```
#d57503 rgb(213,117,3)
```

Tone Color Variation

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

Dichromacy

#968733 Protanopia 1% of men
#a8802c Deuteranopia 1% of men
#bc7279 Tritanopia 0.001% of the population

Trichromacy

#a17f2d Protanomaly 1% of men, 0.01% of women
#ac7b29 Deuteranomaly 6% of men, 0.4% of women
#b9725a Tritanomaly 0.01% of the population

#b47224 hex color

#b47224 Color Information

#b47224 Color Conversion

Color Schemes with #b47224

Alternatives to #b47224

#b47224 Preview

Shades and Tints of #b47224

Tones of #b47224

Color Blindness Simulator