#b48246 hex color

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

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

● #b48246 color description : Moderate orange.

The hexadecimal color #b48246 has RGB values of R:180, G:130, B:70 and CMYK values of C:0, M:0.28, Y:0.61, K:0.29. Its decimal value is 11829830.

Hex triplet	b48246	`#b48246`
RGB Decimal	180, 130, 70	`rgb(180,130,70)`
RGB Percent	70.6, 51, 27.5	`rgb(70.6%,51%,27.5%)`
CMYK	0, 28, 61, 29
HSL	32.7°, 44, 49	`hsl(32.7,44%,49%)`
HSV (or HSB)	32.7°, 61.1, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	58.143, 12.755, 39.553
XYZ	27.911, 26.112, 9.364
xyY	0.44, 0.412, 26.112
CIE-LCH	58.143, 41.559, 72.126
CIE-LUV	58.143, 38.956, 42.787
Hunter-Lab	51.1, 8.071, 24.905
Binary	10110100, 10000010, 01000110

#b48246
```
#b48246 rgb(180,130,70)
```
#4678b4
```
#4678b4 rgb(70,120,180)
```

Complementary Color

#b44b46
```
#b44b46 rgb(180,75,70)
```
#b48246
```
#b48246 rgb(180,130,70)
```
#afb446
```
#afb446 rgb(175,180,70)
```

Analogous Color

#4b46b4
```
#4b46b4 rgb(75,70,180)
```
#b48246
```
#b48246 rgb(180,130,70)
```
#46afb4
```
#46afb4 rgb(70,175,180)
```

Split Complementary Color

#8246b4
```
#8246b4 rgb(130,70,180)
```
#b48246
```
#b48246 rgb(180,130,70)
```
#46b482
```
#46b482 rgb(70,180,130)
```

Triadic Color

#b44678
```
#b44678 rgb(180,70,120)
```
#b48246
```
#b48246 rgb(180,130,70)
```
#46b482
```
#46b482 rgb(70,180,130)
```
#4678b4
```
#4678b4 rgb(70,120,180)
```

Tetradic Color

#7d5a31
```
#7d5a31 rgb(125,90,49)
```
#8f6738
```
#8f6738 rgb(143,103,56)
```
#a2753f
```
#a2753f rgb(162,117,63)
```
#b48246
```
#b48246 rgb(180,130,70)
```
#bd8e56
```
#bd8e56 rgb(189,142,86)
```
#c49b69
```
#c49b69 rgb(196,155,105)
```
#cca77b
```
#cca77b rgb(204,167,123)
```

Monochromatic Color

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

#b46746
```
#b46746 rgb(180,103,70)
```
#b47046
```
#b47046 rgb(180,112,70)
```
#b47946
```
#b47946 rgb(180,121,70)
```
#b48246
```
#b48246 rgb(180,130,70)
```
#b48b46
```
#b48b46 rgb(180,139,70)
```
#b49446
```
#b49446 rgb(180,148,70)
```
#b49e46
```
#b49e46 rgb(180,158,70)
```

Similar Colors

Text with hexadecimal color #b48246

This text has a font color of #b48246.

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

#b48246 background color

This paragraph has a background color of #b48246.

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

#b48246 border color

This element has a border color of #b48246.

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

CSS codes

.text {color:#b48246;}

.background {background-color:#b48246;}

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

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)
```
#43301a
```
#43301a rgb(67,48,26)
```
#513b20
```
#513b20 rgb(81,59,32)
```
#5f4525
```
#5f4525 rgb(95,69,37)
```
#6d4f2b
```
#6d4f2b rgb(109,79,43)
```
#7c5930
```
#7c5930 rgb(124,89,48)
```
#8a6336
```
#8a6336 rgb(138,99,54)
```
#986e3b
```
#986e3b rgb(152,110,59)
```
#a67841
```
#a67841 rgb(166,120,65)
```
#b48246
```
#b48246 rgb(180,130,70)
```

Shade Color Variation

#bc8c52
```
#bc8c52 rgb(188,140,82)
```
#c19560
```
#c19560 rgb(193,149,96)
```
#c79e6e
```
#c79e6e rgb(199,158,110)
```
#cca87c
```
#cca87c rgb(204,168,124)
```
#d2b18a
```
#d2b18a rgb(210,177,138)
```
#d7bb99
```
#d7bb99 rgb(215,187,153)
```
#ddc4a7
```
#ddc4a7 rgb(221,196,167)
```
#e2ceb5
```
#e2ceb5 rgb(226,206,181)
```
#e8d7c3
```
#e8d7c3 rgb(232,215,195)
```
#ede0d1
```
#ede0d1 rgb(237,224,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 #f78803 is the most saturated one.

#847e76
```
#847e76 rgb(132,126,118)
```
#8e7f6c
```
#8e7f6c rgb(142,127,108)
```
#977f63
```
#977f63 rgb(151,127,99)
```
#a18059
```
#a18059 rgb(161,128,89)
```
#aa8150
```
#aa8150 rgb(170,129,80)
```
#b48246
```
#b48246 rgb(180,130,70)
```
#be833c
```
#be833c rgb(190,131,60)
```
#c78433
```
#c78433 rgb(199,132,51)
```
#d18529
```
#d18529 rgb(209,133,41)
```
#da8520
```
#da8520 rgb(218,133,32)
```
#e48616
```
#e48616 rgb(228,134,22)
```
#ee870c
```
#ee870c rgb(238,135,12)
```
#f78803
```
#f78803 rgb(247,136,3)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#92887c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9152 Protanopia 1% of men
#b18b4e Deuteranopia 1% of men
#bc818a Tritanopia 0.001% of the population

Trichromacy

#a78c4e Protanomaly 1% of men, 0.01% of women
#b2874b Deuteranomaly 6% of men, 0.4% of women
#b98171 Tritanomaly 0.01% of the population

#b48246 hex color

#b48246 Color Information

#b48246 Color Conversion

Color Schemes with #b48246

Alternatives to #b48246

#b48246 Preview

Shades and Tints of #b48246

Tones of #b48246

Color Blindness Simulator