#b48e4a hex color

In a RGB color space, hex #b48e4a is composed of 70.6% red, 55.7% green and 29% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.1% magenta, 58.9% yellow and 29.4% black. It has a hue angle of 38.5 degrees, a saturation of 41.7% and a lightness of 49.8%. #b48e4a color hex could be obtained by blending #ffff94 with #691d00. Closest websafe color is: #cc9933.

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

● #b48e4a color description : Moderate orange.

The hexadecimal color #b48e4a has RGB values of R:180, G:142, B:74 and CMYK values of C:0, M:0.21, Y:0.59, K:0.29. Its decimal value is 11832906.

Hex triplet	b48e4a	`#b48e4a`
RGB Decimal	180, 142, 74	`rgb(180,142,74)`
RGB Percent	70.6, 55.7, 29	`rgb(70.6%,55.7%,29%)`
CMYK	0, 21, 59, 29
HSL	38.5°, 41.7, 49.8	`hsl(38.5,41.7%,49.8%)`
HSV (or HSB)	38.5°, 58.9, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	61.26, 6.399, 41.158
XYZ	29.732, 29.545, 10.615
xyY	0.425, 0.423, 29.545
CIE-LCH	61.26, 41.652, 81.163
CIE-LUV	61.26, 30.083, 46.562
Hunter-Lab	54.355, 2.515, 26.47
Binary	10110100, 10001110, 01001010

#b48e4a
```
#b48e4a rgb(180,142,74)
```
#4a70b4
```
#4a70b4 rgb(74,112,180)
```

Complementary Color

#b4594a
```
#b4594a rgb(180,89,74)
```
#b48e4a
```
#b48e4a rgb(180,142,74)
```
#a5b44a
```
#a5b44a rgb(165,180,74)
```

Analogous Color

#594ab4
```
#594ab4 rgb(89,74,180)
```
#b48e4a
```
#b48e4a rgb(180,142,74)
```
#4aa5b4
```
#4aa5b4 rgb(74,165,180)
```

Split Complementary Color

#8e4ab4
```
#8e4ab4 rgb(142,74,180)
```
#b48e4a
```
#b48e4a rgb(180,142,74)
```
#4ab48e
```
#4ab48e rgb(74,180,142)
```

Triadic Color

#b44a70
```
#b44a70 rgb(180,74,112)
```
#b48e4a
```
#b48e4a rgb(180,142,74)
```
#4ab48e
```
#4ab48e rgb(74,180,142)
```
#4a70b4
```
#4a70b4 rgb(74,112,180)
```

Tetradic Color

#7e6334
```
#7e6334 rgb(126,99,52)
```
#90713b
```
#90713b rgb(144,113,59)
```
#a28043
```
#a28043 rgb(162,128,67)
```
#b48e4a
```
#b48e4a rgb(180,142,74)
```
#bc995c
```
#bc995c rgb(188,153,92)
```
#c3a56e
```
#c3a56e rgb(195,165,110)
```
#cbb080
```
#cbb080 rgb(203,176,128)
```

Monochromatic Color

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

#b4744a
```
#b4744a rgb(180,116,74)
```
#b47c4a
```
#b47c4a rgb(180,124,74)
```
#b4854a
```
#b4854a rgb(180,133,74)
```
#b48e4a
```
#b48e4a rgb(180,142,74)
```
#b4974a
```
#b4974a rgb(180,151,74)
```
#b4a04a
```
#b4a04a rgb(180,160,74)
```
#b4a94a
```
#b4a94a rgb(180,169,74)
```

Similar Colors

Text with hexadecimal color #b48e4a

This text has a font color of #b48e4a.

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

#b48e4a background color

This paragraph has a background color of #b48e4a.

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

#b48e4a border color

This element has a border color of #b48e4a.

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

CSS codes

.text {color:#b48e4a;}

.background {background-color:#b48e4a;}

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

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

#0d0a05
```
#0d0a05 rgb(13,10,5)
```
#1b150b
```
#1b150b rgb(27,21,11)
```
#292011
```
#292011 rgb(41,32,17)
```
#372b17
```
#372b17 rgb(55,43,23)
```
#45361c
```
#45361c rgb(69,54,28)
```
#534122
```
#534122 rgb(83,65,34)
```
#614c28
```
#614c28 rgb(97,76,40)
```
#6e572d
```
#6e572d rgb(110,87,45)
```
#7c6233
```
#7c6233 rgb(124,98,51)
```
#8a6d39
```
#8a6d39 rgb(138,109,57)
```
#98783f
```
#98783f rgb(152,120,63)
```
#a68344
```
#a68344 rgb(166,131,68)
```
#b48e4a
```
#b48e4a rgb(180,142,74)
```

Shade Color Variation

#ba9757
```
#ba9757 rgb(186,151,87)
```
#c09f65
```
#c09f65 rgb(192,159,101)
```
#c6a873
```
#c6a873 rgb(198,168,115)
```
#cbb181
```
#cbb181 rgb(203,177,129)
```
#d1b98f
```
#d1b98f rgb(209,185,143)
```
#d7c29d
```
#d7c29d rgb(215,194,157)
```
#dccbab
```
#dccbab rgb(220,203,171)
```
#e2d3b9
```
#e2d3b9 rgb(226,211,185)
```
#e8dcc7
```
#e8dcc7 rgb(232,220,199)
```
#eee5d5
```
#eee5d5 rgb(238,229,213)
```
#f3ede2
```
#f3ede2 rgb(243,237,226)
```
#f9f6f0
```
#f9f6f0 rgb(249,246,240)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#83807b
```
#83807b rgb(131,128,123)
```
#8d8371
```
#8d8371 rgb(141,131,113)
```
#978667
```
#978667 rgb(151,134,103)
```
#a0885e
```
#a0885e rgb(160,136,94)
```
#aa8b54
```
#aa8b54 rgb(170,139,84)
```
#b48e4a
```
#b48e4a rgb(180,142,74)
```
#be9140
```
#be9140 rgb(190,145,64)
```
#c89436
```
#c89436 rgb(200,148,54)
```
#d1962d
```
#d1962d rgb(209,150,45)
```
#db9923
```
#db9923 rgb(219,153,35)
```
#e59c19
```
#e59c19 rgb(229,156,25)
```
#ef9f0f
```
#ef9f0f rgb(239,159,15)
```
#f8a106
```
#f8a106 rgb(248,161,6)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#999184 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89955 Protanopia 1% of men
#ba9253 Deuteranopia 1% of men
#be8c95 Tritanopia 0.001% of the population

Trichromacy

#ac9551 Protanomaly 1% of men, 0.01% of women
#b89050 Deuteranomaly 6% of men, 0.4% of women
#ba8c7a Tritanomaly 0.01% of the population

#b48e4a hex color

#b48e4a Color Information

#b48e4a Color Conversion

Color Schemes with #b48e4a

Alternatives to #b48e4a

#b48e4a Preview

Shades and Tints of #b48e4a

Tones of #b48e4a

Color Blindness Simulator