#b48e48 hex color

In a RGB color space, hex #b48e48 is composed of 70.6% red, 55.7% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.1% magenta, 60% yellow and 29.4% black. It has a hue angle of 38.9 degrees, a saturation of 42.9% and a lightness of 49.4%. #b48e48 color hex could be obtained by blending #ffff90 with #691d00. Closest websafe color is: #cc9933.

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

● #b48e48 color description : Moderate orange.

The hexadecimal color #b48e48 has RGB values of R:180, G:142, B:72 and CMYK values of C:0, M:0.21, Y:0.6, K:0.29. Its decimal value is 11832904.

Hex triplet	b48e48	`#b48e48`
RGB Decimal	180, 142, 72	`rgb(180,142,72)`
RGB Percent	70.6, 55.7, 28.2	`rgb(70.6%,55.7%,28.2%)`
CMYK	0, 21, 60, 29
HSL	38.9°, 42.9, 49.4	`hsl(38.9,42.9%,49.4%)`
HSV (or HSB)	38.9°, 60, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	61.237, 6.246, 42.139
XYZ	29.665, 29.519, 10.266
xyY	0.427, 0.425, 29.519
CIE-LCH	61.237, 42.599, 81.569
CIE-LUV	61.237, 30.215, 47.427
Hunter-Lab	54.331, 2.384, 26.829
Binary	10110100, 10001110, 01001000

#b48e48
```
#b48e48 rgb(180,142,72)
```
#486eb4
```
#486eb4 rgb(72,110,180)
```

Complementary Color

#b45848
```
#b45848 rgb(180,88,72)
```
#b48e48
```
#b48e48 rgb(180,142,72)
```
#a4b448
```
#a4b448 rgb(164,180,72)
```

Analogous Color

#5848b4
```
#5848b4 rgb(88,72,180)
```
#b48e48
```
#b48e48 rgb(180,142,72)
```
#48a4b4
```
#48a4b4 rgb(72,164,180)
```

Split Complementary Color

#8e48b4
```
#8e48b4 rgb(142,72,180)
```
#b48e48
```
#b48e48 rgb(180,142,72)
```
#48b48e
```
#48b48e rgb(72,180,142)
```

Triadic Color

#b4486e
```
#b4486e rgb(180,72,110)
```
#b48e48
```
#b48e48 rgb(180,142,72)
```
#48b48e
```
#48b48e rgb(72,180,142)
```
#486eb4
```
#486eb4 rgb(72,110,180)
```

Tetradic Color

#7d6332
```
#7d6332 rgb(125,99,50)
```
#907139
```
#907139 rgb(144,113,57)
```
#a28041
```
#a28041 rgb(162,128,65)
```
#b48e48
```
#b48e48 rgb(180,142,72)
```
#bd9a59
```
#bd9a59 rgb(189,154,89)
```
#c4a56b
```
#c4a56b rgb(196,165,107)
```
#cbb07d
```
#cbb07d rgb(203,176,125)
```

Monochromatic Color

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

#b47348
```
#b47348 rgb(180,115,72)
```
#b47c48
```
#b47c48 rgb(180,124,72)
```
#b48548
```
#b48548 rgb(180,133,72)
```
#b48e48
```
#b48e48 rgb(180,142,72)
```
#b49748
```
#b49748 rgb(180,151,72)
```
#b4a048
```
#b4a048 rgb(180,160,72)
```
#b4a948
```
#b4a948 rgb(180,169,72)
```

Similar Colors

Text with hexadecimal color #b48e48

This text has a font color of #b48e48.

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

#b48e48 background color

This paragraph has a background color of #b48e48.

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

#b48e48 border color

This element has a border color of #b48e48.

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

CSS codes

.text {color:#b48e48;}

.background {background-color:#b48e48;}

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

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

#0c0905
```
#0c0905 rgb(12,9,5)
```
#1a140a
```
#1a140a rgb(26,20,10)
```
#281f10
```
#281f10 rgb(40,31,16)
```
#362b16
```
#362b16 rgb(54,43,22)
```
#44361b
```
#44361b rgb(68,54,27)
```
#524121
```
#524121 rgb(82,65,33)
```
#604c26
```
#604c26 rgb(96,76,38)
```
#6e572c
```
#6e572c rgb(110,87,44)
```
#7c6232
```
#7c6232 rgb(124,98,50)
```
#8a6d37
```
#8a6d37 rgb(138,109,55)
```
#98783d
```
#98783d rgb(152,120,61)
```
#a68342
```
#a68342 rgb(166,131,66)
```
#b48e48
```
#b48e48 rgb(180,142,72)
```

Shade Color Variation

#bb9755
```
#bb9755 rgb(187,151,85)
```
#c0a063
```
#c0a063 rgb(192,160,99)
```
#c6a871
```
#c6a871 rgb(198,168,113)
```
#ccb17f
```
#ccb17f rgb(204,177,127)
```
#d1b98d
```
#d1b98d rgb(209,185,141)
```
#d7c29b
```
#d7c29b rgb(215,194,155)
```
#ddcaa9
```
#ddcaa9 rgb(221,202,169)
```
#e2d3b7
```
#e2d3b7 rgb(226,211,183)
```
#e8dbc5
```
#e8dbc5 rgb(232,219,197)
```
#ede4d3
```
#ede4d3 rgb(237,228,211)
```
#f3ede1
```
#f3ede1 rgb(243,237,225)
```
#f9f5ef
```
#f9f5ef rgb(249,245,239)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#848078
```
#848078 rgb(132,128,120)
```
#8d836f
```
#8d836f rgb(141,131,111)
```
#978565
```
#978565 rgb(151,133,101)
```
#a1885b
```
#a1885b rgb(161,136,91)
```
#aa8b52
```
#aa8b52 rgb(170,139,82)
```
#b48e48
```
#b48e48 rgb(180,142,72)
```
#be913e
```
#be913e rgb(190,145,62)
```
#c79435
```
#c79435 rgb(199,148,53)
```
#d1972b
```
#d1972b rgb(209,151,43)
```
#db9921
```
#db9921 rgb(219,153,33)
```
#e49c18
```
#e49c18 rgb(228,156,24)
```
#ee9f0e
```
#ee9f0e rgb(238,159,14)
```
#f8a204
```
#f8a204 rgb(248,162,4)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#989082 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89953 Protanopia 1% of men
#ba9251 Deuteranopia 1% of men
#be8c95 Tritanopia 0.001% of the population

Trichromacy

#ac954f Protanomaly 1% of men, 0.01% of women
#b8904e Deuteranomaly 6% of men, 0.4% of women
#ba8c79 Tritanomaly 0.01% of the population

#b48e48 hex color

#b48e48 Color Information

#b48e48 Color Conversion

Color Schemes with #b48e48

Alternatives to #b48e48

#b48e48 Preview

Shades and Tints of #b48e48

Tones of #b48e48

Color Blindness Simulator