#b48c48 hex color

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

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

● #b48c48 color description : Moderate orange.

The hexadecimal color #b48c48 has RGB values of R:180, G:140, B:72 and CMYK values of C:0, M:0.22, Y:0.6, K:0.29. Its decimal value is 11832392.

Hex triplet	b48c48	`#b48c48`
RGB Decimal	180, 140, 72	`rgb(180,140,72)`
RGB Percent	70.6, 54.9, 28.2	`rgb(70.6%,54.9%,28.2%)`
CMYK	0, 22, 60, 29
HSL	37.8°, 42.9, 49.4	`hsl(37.8,42.9%,49.4%)`
HSV (or HSB)	37.8°, 60, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	60.719, 7.351, 41.538
XYZ	29.37, 28.929, 10.167
xyY	0.429, 0.423, 28.929
CIE-LCH	60.719, 42.183, 79.965
CIE-LUV	60.719, 31.631, 46.504
Hunter-Lab	53.785, 3.349, 26.442
Binary	10110100, 10001100, 01001000

#b48c48
```
#b48c48 rgb(180,140,72)
```
#4870b4
```
#4870b4 rgb(72,112,180)
```

Complementary Color

#b45648
```
#b45648 rgb(180,86,72)
```
#b48c48
```
#b48c48 rgb(180,140,72)
```
#a6b448
```
#a6b448 rgb(166,180,72)
```

Analogous Color

#5648b4
```
#5648b4 rgb(86,72,180)
```
#b48c48
```
#b48c48 rgb(180,140,72)
```
#48a6b4
```
#48a6b4 rgb(72,166,180)
```

Split Complementary Color

#8c48b4
```
#8c48b4 rgb(140,72,180)
```
#b48c48
```
#b48c48 rgb(180,140,72)
```
#48b48c
```
#48b48c rgb(72,180,140)
```

Triadic Color

#b44870
```
#b44870 rgb(180,72,112)
```
#b48c48
```
#b48c48 rgb(180,140,72)
```
#48b48c
```
#48b48c rgb(72,180,140)
```
#4870b4
```
#4870b4 rgb(72,112,180)
```

Tetradic Color

#7d6232
```
#7d6232 rgb(125,98,50)
```
#907039
```
#907039 rgb(144,112,57)
```
#a27e41
```
#a27e41 rgb(162,126,65)
```
#b48c48
```
#b48c48 rgb(180,140,72)
```
#bd9859
```
#bd9859 rgb(189,152,89)
```
#c4a36b
```
#c4a36b rgb(196,163,107)
```
#cbae7d
```
#cbae7d rgb(203,174,125)
```

Monochromatic Color

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

#b47148
```
#b47148 rgb(180,113,72)
```
#b47a48
```
#b47a48 rgb(180,122,72)
```
#b48348
```
#b48348 rgb(180,131,72)
```
#b48c48
```
#b48c48 rgb(180,140,72)
```
#b49548
```
#b49548 rgb(180,149,72)
```
#b49e48
```
#b49e48 rgb(180,158,72)
```
#b4a748
```
#b4a748 rgb(180,167,72)
```

Similar Colors

Text with hexadecimal color #b48c48

This text has a font color of #b48c48.

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

#b48c48 background color

This paragraph has a background color of #b48c48.

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

#b48c48 border color

This element has a border color of #b48c48.

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

CSS codes

.text {color:#b48c48;}

.background {background-color:#b48c48;}

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

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)
```
#362a16
```
#362a16 rgb(54,42,22)
```
#44351b
```
#44351b rgb(68,53,27)
```
#524021
```
#524021 rgb(82,64,33)
```
#604b26
```
#604b26 rgb(96,75,38)
```
#6e562c
```
#6e562c rgb(110,86,44)
```
#7c6032
```
#7c6032 rgb(124,96,50)
```
#8a6b37
```
#8a6b37 rgb(138,107,55)
```
#98763d
```
#98763d rgb(152,118,61)
```
#a68142
```
#a68142 rgb(166,129,66)
```
#b48c48
```
#b48c48 rgb(180,140,72)
```

Shade Color Variation

#bb9555
```
#bb9555 rgb(187,149,85)
```
#c09e63
```
#c09e63 rgb(192,158,99)
```
#c6a671
```
#c6a671 rgb(198,166,113)
```
#ccaf7f
```
#ccaf7f rgb(204,175,127)
```
#d1b88d
```
#d1b88d rgb(209,184,141)
```
#d7c19b
```
#d7c19b rgb(215,193,155)
```
#ddc9a9
```
#ddc9a9 rgb(221,201,169)
```
#e2d2b7
```
#e2d2b7 rgb(226,210,183)
```
#e8dbc5
```
#e8dbc5 rgb(232,219,197)
```
#ede4d3
```
#ede4d3 rgb(237,228,211)
```
#f3ece1
```
#f3ece1 rgb(243,236,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, #847f78 is the less saturated color, while #f89e04 is the most saturated one.

#847f78
```
#847f78 rgb(132,127,120)
```
#8d826f
```
#8d826f rgb(141,130,111)
```
#978465
```
#978465 rgb(151,132,101)
```
#a1875b
```
#a1875b rgb(161,135,91)
```
#aa8952
```
#aa8952 rgb(170,137,82)
```
#b48c48
```
#b48c48 rgb(180,140,72)
```
#be8f3e
```
#be8f3e rgb(190,143,62)
```
#c79135
```
#c79135 rgb(199,145,53)
```
#d1942b
```
#d1942b rgb(209,148,43)
```
#db9621
```
#db9621 rgb(219,150,33)
```
#e49918
```
#e49918 rgb(228,153,24)
```
#ee9b0e
```
#ee9b0e rgb(238,155,14)
```
#f89e04
```
#f89e04 rgb(248,158,4)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#978f82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a79853 Protanopia 1% of men
#b99151 Deuteranopia 1% of men
#bd8a93 Tritanopia 0.001% of the population

Trichromacy

#ab934f Protanomaly 1% of men, 0.01% of women
#b78f4e Deuteranomaly 6% of men, 0.4% of women
#ba8a78 Tritanomaly 0.01% of the population

#b48c48 hex color

#b48c48 Color Information

#b48c48 Color Conversion

Color Schemes with #b48c48

Alternatives to #b48c48

#b48c48 Preview

Shades and Tints of #b48c48

Tones of #b48c48

Color Blindness Simulator