#b47648 hex color

In a RGB color space, hex #b47648 is composed of 70.6% red, 46.3% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.4% magenta, 60% yellow and 29.4% black. It has a hue angle of 25.6 degrees, a saturation of 42.9% and a lightness of 49.4%. #b47648 color hex could be obtained by blending #ffec90 with #690000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 71
- G 46
- B 28
RGB color chart
- C 0
- M 34
- Y 60
- K 29
CMYK color chart

● #b47648 color description : Moderate orange.

The hexadecimal color #b47648 has RGB values of R:180, G:118, B:72 and CMYK values of C:0, M:0.34, Y:0.6, K:0.29. Its decimal value is 11826760.

Hex triplet	b47648	`#b47648`
RGB Decimal	180, 118, 72	`rgb(180,118,72)`
RGB Percent	70.6, 46.3, 28.2	`rgb(70.6%,46.3%,28.2%)`
CMYK	0, 34, 60, 29
HSL	25.6°, 42.9, 49.4	`hsl(25.6,42.9%,49.4%)`
HSV (or HSB)	25.6°, 60, 70.6
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.206, 19.602, 35.004
XYZ	26.471, 23.13, 9.201
xyY	0.45, 0.393, 23.13
CIE-LCH	55.206, 40.119, 60.751
CIE-LUV	55.206, 47.508, 36.429
Hunter-Lab	48.093, 14.084, 22.322
Binary	10110100, 01110110, 01001000

#b47648
```
#b47648 rgb(180,118,72)
```
#4886b4
```
#4886b4 rgb(72,134,180)
```

Complementary Color

#b44850
```
#b44850 rgb(180,72,80)
```
#b47648
```
#b47648 rgb(180,118,72)
```
#b4ac48
```
#b4ac48 rgb(180,172,72)
```

Analogous Color

#4850b4
```
#4850b4 rgb(72,80,180)
```
#b47648
```
#b47648 rgb(180,118,72)
```
#48b4ac
```
#48b4ac rgb(72,180,172)
```

Split Complementary Color

#7648b4
```
#7648b4 rgb(118,72,180)
```
#b47648
```
#b47648 rgb(180,118,72)
```
#48b476
```
#48b476 rgb(72,180,118)
```

Triadic Color

#b44886
```
#b44886 rgb(180,72,134)
```
#b47648
```
#b47648 rgb(180,118,72)
```
#48b476
```
#48b476 rgb(72,180,118)
```
#4886b4
```
#4886b4 rgb(72,134,180)
```

Tetradic Color

#7d5232
```
#7d5232 rgb(125,82,50)
```
#905e39
```
#905e39 rgb(144,94,57)
```
#a26a41
```
#a26a41 rgb(162,106,65)
```
#b47648
```
#b47648 rgb(180,118,72)
```
#bd8359
```
#bd8359 rgb(189,131,89)
```
#c4916b
```
#c4916b rgb(196,145,107)
```
#cb9e7d
```
#cb9e7d rgb(203,158,125)
```

Monochromatic Color

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

#b45b48
```
#b45b48 rgb(180,91,72)
```
#b46448
```
#b46448 rgb(180,100,72)
```
#b46d48
```
#b46d48 rgb(180,109,72)
```
#b47648
```
#b47648 rgb(180,118,72)
```
#b47f48
```
#b47f48 rgb(180,127,72)
```
#b48848
```
#b48848 rgb(180,136,72)
```
#b49148
```
#b49148 rgb(180,145,72)
```

Similar Colors

Text with hexadecimal color #b47648

This text has a font color of #b47648.

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

#b47648 background color

This paragraph has a background color of #b47648.

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

#b47648 border color

This element has a border color of #b47648.

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

CSS codes

.text {color:#b47648;}

.background {background-color:#b47648;}

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

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

#0c0805
```
#0c0805 rgb(12,8,5)
```
#1a110a
```
#1a110a rgb(26,17,10)
```
#281a10
```
#281a10 rgb(40,26,16)
```
#362316
```
#362316 rgb(54,35,22)
```
#442d1b
```
#442d1b rgb(68,45,27)
```
#523621
```
#523621 rgb(82,54,33)
```
#603f26
```
#603f26 rgb(96,63,38)
```
#6e482c
```
#6e482c rgb(110,72,44)
```
#7c5132
```
#7c5132 rgb(124,81,50)
```
#8a5a37
```
#8a5a37 rgb(138,90,55)
```
#98643d
```
#98643d rgb(152,100,61)
```
#a66d42
```
#a66d42 rgb(166,109,66)
```
#b47648
```
#b47648 rgb(180,118,72)
```

Shade Color Variation

#bb8055
```
#bb8055 rgb(187,128,85)
```
#c08b63
```
#c08b63 rgb(192,139,99)
```
#c69571
```
#c69571 rgb(198,149,113)
```
#cca07f
```
#cca07f rgb(204,160,127)
```
#d1aa8d
```
#d1aa8d rgb(209,170,141)
```
#d7b49b
```
#d7b49b rgb(215,180,155)
```
#ddbfa9
```
#ddbfa9 rgb(221,191,169)
```
#e2c9b7
```
#e2c9b7 rgb(226,201,183)
```
#e8d4c5
```
#e8d4c5 rgb(232,212,197)
```
#edded3
```
#edded3 rgb(237,222,211)
```
#f3e9e1
```
#f3e9e1 rgb(243,233,225)
```
#f9f3ef
```
#f9f3ef rgb(249,243,239)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#847d78
```
#847d78 rgb(132,125,120)
```
#8d7c6f
```
#8d7c6f rgb(141,124,111)
```
#977a65
```
#977a65 rgb(151,122,101)
```
#a1795b
```
#a1795b rgb(161,121,91)
```
#aa7752
```
#aa7752 rgb(170,119,82)
```
#b47648
```
#b47648 rgb(180,118,72)
```
#be753e
```
#be753e rgb(190,117,62)
```
#c77335
```
#c77335 rgb(199,115,53)
```
#d1722b
```
#d1722b rgb(209,114,43)
```
#db7021
```
#db7021 rgb(219,112,33)
```
#e46f18
```
#e46f18 rgb(228,111,24)
```
#ee6d0e
```
#ee6d0e rgb(238,109,14)
```
#f86c04
```
#f86c04 rgb(248,108,4)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#8d8077 Atypical Achromatopsia 0.001% of the population

Dichromacy

#978a56 Protanopia 1% of men
#a8844f Deuteranopia 1% of men
#bb777f Tritanopia 0.001% of the population

Trichromacy

#a18350 Protanomaly 1% of men, 0.01% of women
#ac7f4c Deuteranomaly 6% of men, 0.4% of women
#b8766b Tritanomaly 0.01% of the population

#b47648 hex color

#b47648 Color Information

#b47648 Color Conversion

Color Schemes with #b47648

Alternatives to #b47648

#b47648 Preview

Shades and Tints of #b47648

Tones of #b47648

Color Blindness Simulator