#b48a49 hex color

In a RGB color space, hex #b48a49 is composed of 70.6% red, 54.1% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.3% magenta, 59.4% yellow and 29.4% black. It has a hue angle of 36.4 degrees, a saturation of 42.3% and a lightness of 49.6%. #b48a49 color hex could be obtained by blending #ffff92 with #691500. Closest websafe color is: #cc9933.

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

● #b48a49 color description : Moderate orange.

The hexadecimal color #b48a49 has RGB values of R:180, G:138, B:73 and CMYK values of C:0, M:0.23, Y:0.59, K:0.29. Its decimal value is 11831881.

Hex triplet	b48a49	`#b48a49`
RGB Decimal	180, 138, 73	`rgb(180,138,73)`
RGB Percent	70.6, 54.1, 28.6	`rgb(70.6%,54.1%,28.6%)`
CMYK	0, 23, 59, 29
HSL	36.4°, 42.3, 49.6	`hsl(36.4,42.3%,49.6%)`
HSV (or HSB)	36.4°, 59.4, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	60.215, 8.534, 40.442
XYZ	29.114, 28.363, 10.244
xyY	0.43, 0.419, 28.363
CIE-LCH	60.215, 41.332, 78.085
CIE-LUV	60.215, 32.981, 45.145
Hunter-Lab	53.257, 4.381, 25.875
Binary	10110100, 10001010, 01001001

#b48a49
```
#b48a49 rgb(180,138,73)
```
#4973b4
```
#4973b4 rgb(73,115,180)
```

Complementary Color

#b45549
```
#b45549 rgb(180,85,73)
```
#b48a49
```
#b48a49 rgb(180,138,73)
```
#a9b449
```
#a9b449 rgb(169,180,73)
```

Analogous Color

#5549b4
```
#5549b4 rgb(85,73,180)
```
#b48a49
```
#b48a49 rgb(180,138,73)
```
#49a9b4
```
#49a9b4 rgb(73,169,180)
```

Split Complementary Color

#8a49b4
```
#8a49b4 rgb(138,73,180)
```
#b48a49
```
#b48a49 rgb(180,138,73)
```
#49b48a
```
#49b48a rgb(73,180,138)
```

Triadic Color

#b44973
```
#b44973 rgb(180,73,115)
```
#b48a49
```
#b48a49 rgb(180,138,73)
```
#49b48a
```
#49b48a rgb(73,180,138)
```
#4973b4
```
#4973b4 rgb(73,115,180)
```

Tetradic Color

#7e6033
```
#7e6033 rgb(126,96,51)
```
#906e3a
```
#906e3a rgb(144,110,58)
```
#a27c42
```
#a27c42 rgb(162,124,66)
```
#b48a49
```
#b48a49 rgb(180,138,73)
```
#bc965a
```
#bc965a rgb(188,150,90)
```
#c4a16c
```
#c4a16c rgb(196,161,108)
```
#cbad7f
```
#cbad7f rgb(203,173,127)
```

Monochromatic Color

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

#b46f49
```
#b46f49 rgb(180,111,73)
```
#b47849
```
#b47849 rgb(180,120,73)
```
#b48149
```
#b48149 rgb(180,129,73)
```
#b48a49
```
#b48a49 rgb(180,138,73)
```
#b49349
```
#b49349 rgb(180,147,73)
```
#b49c49
```
#b49c49 rgb(180,156,73)
```
#b4a549
```
#b4a549 rgb(180,165,73)
```

Similar Colors

Text with hexadecimal color #b48a49

This text has a font color of #b48a49.

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

#b48a49 background color

This paragraph has a background color of #b48a49.

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

#b48a49 border color

This element has a border color of #b48a49.

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

CSS codes

.text {color:#b48a49;}

.background {background-color:#b48a49;}

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

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 #fefefe is the lightest one.

#0d0a05
```
#0d0a05 rgb(13,10,5)
```
#1a140b
```
#1a140b rgb(26,20,11)
```
#281f10
```
#281f10 rgb(40,31,16)
```
#362a16
```
#362a16 rgb(54,42,22)
```
#44341c
```
#44341c rgb(68,52,28)
```
#523f21
```
#523f21 rgb(82,63,33)
```
#604a27
```
#604a27 rgb(96,74,39)
```
#6e552d
```
#6e552d rgb(110,85,45)
```
#7c5f32
```
#7c5f32 rgb(124,95,50)
```
#8a6a38
```
#8a6a38 rgb(138,106,56)
```
#98753e
```
#98753e rgb(152,117,62)
```
#a67f43
```
#a67f43 rgb(166,127,67)
```
#b48a49
```
#b48a49 rgb(180,138,73)
```

Shade Color Variation

#bb9356
```
#bb9356 rgb(187,147,86)
```
#c09c64
```
#c09c64 rgb(192,156,100)
```
#c6a572
```
#c6a572 rgb(198,165,114)
```
#cbae80
```
#cbae80 rgb(203,174,128)
```
#d1b78e
```
#d1b78e rgb(209,183,142)
```
#d7c09c
```
#d7c09c rgb(215,192,156)
```
#dcc9aa
```
#dcc9aa rgb(220,201,170)
```
#e2d2b8
```
#e2d2b8 rgb(226,210,184)
```
#e8dac6
```
#e8dac6 rgb(232,218,198)
```
#ede3d4
```
#ede3d4 rgb(237,227,212)
```
#f3ece2
```
#f3ece2 rgb(243,236,226)
```
#f9f5f0
```
#f9f5f0 rgb(249,245,240)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#83807a
```
#83807a rgb(131,128,122)
```
#8d8270
```
#8d8270 rgb(141,130,112)
```
#978466
```
#978466 rgb(151,132,102)
```
#a1865c
```
#a1865c rgb(161,134,92)
```
#aa8853
```
#aa8853 rgb(170,136,83)
```
#b48a49
```
#b48a49 rgb(180,138,73)
```
#be8c3f
```
#be8c3f rgb(190,140,63)
```
#c78e36
```
#c78e36 rgb(199,142,54)
```
#d1902c
```
#d1902c rgb(209,144,44)
```
#db9222
```
#db9222 rgb(219,146,34)
```
#e59418
```
#e59418 rgb(229,148,24)
```
#ee970f
```
#ee970f rgb(238,151,15)
```
#f89905
```
#f89905 rgb(248,153,5)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#968e81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59654 Protanopia 1% of men
#b79052 Deuteranopia 1% of men
#bd8892 Tritanopia 0.001% of the population

Trichromacy

#aa9250 Protanomaly 1% of men, 0.01% of women
#b68d4f Deuteranomaly 6% of men, 0.4% of women
#ba8977 Tritanomaly 0.01% of the population

#b48a49 hex color

#b48a49 Color Information

#b48a49 Color Conversion

Color Schemes with #b48a49

Alternatives to #b48a49

#b48a49 Preview

Shades and Tints of #b48a49

Tones of #b48a49

Color Blindness Simulator