#b48346 hex color

In a RGB color space, hex #b48346 is composed of 70.6% red, 51.4% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.2% magenta, 61.1% yellow and 29.4% black. It has a hue angle of 33.3 degrees, a saturation of 44% and a lightness of 49%. #b48346 color hex could be obtained by blending #ffff8c with #690700. Closest websafe color is: #cc9933.

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

● #b48346 color description : Moderate orange.

The hexadecimal color #b48346 has RGB values of R:180, G:131, B:70 and CMYK values of C:0, M:0.27, Y:0.61, K:0.29. Its decimal value is 11830086.

Hex triplet	b48346	`#b48346`
RGB Decimal	180, 131, 70	`rgb(180,131,70)`
RGB Percent	70.6, 51.4, 27.5	`rgb(70.6%,51.4%,27.5%)`
CMYK	0, 27, 61, 29
HSL	33.3°, 44, 49	`hsl(33.3,44%,49%)`
HSV (or HSB)	33.3°, 61.1, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	58.396, 12.198, 39.848
XYZ	28.045, 26.38, 9.409
xyY	0.439, 0.413, 26.38
CIE-LCH	58.396, 41.673, 72.979
CIE-LUV	58.396, 38.232, 43.242
Hunter-Lab	51.361, 7.584, 25.092
Binary	10110100, 10000011, 01000110

#b48346
```
#b48346 rgb(180,131,70)
```
#4677b4
```
#4677b4 rgb(70,119,180)
```

Complementary Color

#b44c46
```
#b44c46 rgb(180,76,70)
```
#b48346
```
#b48346 rgb(180,131,70)
```
#aeb446
```
#aeb446 rgb(174,180,70)
```

Analogous Color

#4c46b4
```
#4c46b4 rgb(76,70,180)
```
#b48346
```
#b48346 rgb(180,131,70)
```
#46aeb4
```
#46aeb4 rgb(70,174,180)
```

Split Complementary Color

#8346b4
```
#8346b4 rgb(131,70,180)
```
#b48346
```
#b48346 rgb(180,131,70)
```
#46b483
```
#46b483 rgb(70,180,131)
```

Triadic Color

#b44677
```
#b44677 rgb(180,70,119)
```
#b48346
```
#b48346 rgb(180,131,70)
```
#46b483
```
#46b483 rgb(70,180,131)
```
#4677b4
```
#4677b4 rgb(70,119,180)
```

Tetradic Color

#7d5b31
```
#7d5b31 rgb(125,91,49)
```
#8f6838
```
#8f6838 rgb(143,104,56)
```
#a2763f
```
#a2763f rgb(162,118,63)
```
#b48346
```
#b48346 rgb(180,131,70)
```
#bd8f56
```
#bd8f56 rgb(189,143,86)
```
#c49c69
```
#c49c69 rgb(196,156,105)
```
#cca87b
```
#cca87b rgb(204,168,123)
```

Monochromatic Color

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

#b46846
```
#b46846 rgb(180,104,70)
```
#b47146
```
#b47146 rgb(180,113,70)
```
#b47a46
```
#b47a46 rgb(180,122,70)
```
#b48346
```
#b48346 rgb(180,131,70)
```
#b48c46
```
#b48c46 rgb(180,140,70)
```
#b49546
```
#b49546 rgb(180,149,70)
```
#b49f46
```
#b49f46 rgb(180,159,70)
```

Similar Colors

Text with hexadecimal color #b48346

This text has a font color of #b48346.

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

#b48346 background color

This paragraph has a background color of #b48346.

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

#b48346 border color

This element has a border color of #b48346.

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

CSS codes

.text {color:#b48346;}

.background {background-color:#b48346;}

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

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

#0b0804
```
#0b0804 rgb(11,8,4)
```
#19120a
```
#19120a rgb(25,18,10)
```
#271c0f
```
#271c0f rgb(39,28,15)
```
#352615
```
#352615 rgb(53,38,21)
```
#43311a
```
#43311a rgb(67,49,26)
```
#513b20
```
#513b20 rgb(81,59,32)
```
#5f4525
```
#5f4525 rgb(95,69,37)
```
#6d502b
```
#6d502b rgb(109,80,43)
```
#7c5a30
```
#7c5a30 rgb(124,90,48)
```
#8a6436
```
#8a6436 rgb(138,100,54)
```
#986e3b
```
#986e3b rgb(152,110,59)
```
#a67941
```
#a67941 rgb(166,121,65)
```
#b48346
```
#b48346 rgb(180,131,70)
```

Shade Color Variation

#bc8d52
```
#bc8d52 rgb(188,141,82)
```
#c19660
```
#c19660 rgb(193,150,96)
```
#c79f6e
```
#c79f6e rgb(199,159,110)
```
#cca97c
```
#cca97c rgb(204,169,124)
```
#d2b28a
```
#d2b28a rgb(210,178,138)
```
#d7bb99
```
#d7bb99 rgb(215,187,153)
```
#ddc5a7
```
#ddc5a7 rgb(221,197,167)
```
#e2ceb5
```
#e2ceb5 rgb(226,206,181)
```
#e8d7c3
```
#e8d7c3 rgb(232,215,195)
```
#ede1d1
```
#ede1d1 rgb(237,225,209)
```
#f3eadf
```
#f3eadf rgb(243,234,223)
```
#f8f3ed
```
#f8f3ed rgb(248,243,237)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#847e76
```
#847e76 rgb(132,126,118)
```
#8e7f6c
```
#8e7f6c rgb(142,127,108)
```
#978063
```
#978063 rgb(151,128,99)
```
#a18159
```
#a18159 rgb(161,129,89)
```
#aa8250
```
#aa8250 rgb(170,130,80)
```
#b48346
```
#b48346 rgb(180,131,70)
```
#be843c
```
#be843c rgb(190,132,60)
```
#c78533
```
#c78533 rgb(199,133,51)
```
#d18629
```
#d18629 rgb(209,134,41)
```
#da8720
```
#da8720 rgb(218,135,32)
```
#e48816
```
#e48816 rgb(228,136,22)
```
#ee890c
```
#ee890c rgb(238,137,12)
```
#f78a03
```
#f78a03 rgb(247,138,3)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#93897d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09252 Protanopia 1% of men
#b28b4e Deuteranopia 1% of men
#bc828b Tritanopia 0.001% of the population

Trichromacy

#a78c4d Protanomaly 1% of men, 0.01% of women
#b2884b Deuteranomaly 6% of men, 0.4% of women
#b98272 Tritanomaly 0.01% of the population

#b48346 hex color

#b48346 Color Information

#b48346 Color Conversion

Color Schemes with #b48346

Alternatives to #b48346

#b48346 Preview

Shades and Tints of #b48346

Tones of #b48346

Color Blindness Simulator