#b48f70 hex color

In a RGB color space, hex #b48f70 is composed of 70.6% red, 56.1% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.6% magenta, 37.8% yellow and 29.4% black. It has a hue angle of 27.4 degrees, a saturation of 31.2% and a lightness of 57.3%. #b48f70 color hex could be obtained by blending #ffffe0 with #691f00. Closest websafe color is: #cc9966.

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

● #b48f70 color description : Slightly desaturated orange.

The hexadecimal color #b48f70 has RGB values of R:180, G:143, B:112 and CMYK values of C:0, M:0.21, Y:0.38, K:0.29. Its decimal value is 11833200.

Hex triplet	b48f70	`#b48f70`
RGB Decimal	180, 143, 112	`rgb(180,143,112)`
RGB Percent	70.6, 56.1, 43.9	`rgb(70.6%,56.1%,43.9%)`
CMYK	0, 21, 38, 29
HSL	27.4°, 31.2, 57.3	`hsl(27.4,31.2%,57.3%)`
HSV (or HSB)	27.4°, 37.8, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	62.1, 9.632, 21.812
XYZ	31.569, 30.519, 19.556
xyY	0.387, 0.374, 30.519
CIE-LCH	62.1, 23.844, 66.175
CIE-LUV	62.1, 26.304, 26.534
Hunter-Lab	55.244, 5.327, 17.682
Binary	10110100, 10001111, 01110000

#b48f70
```
#b48f70 rgb(180,143,112)
```
#7095b4
```
#7095b4 rgb(112,149,180)
```

Complementary Color

#b47073
```
#b47073 rgb(180,112,115)
```
#b48f70
```
#b48f70 rgb(180,143,112)
```
#b4b170
```
#b4b170 rgb(180,177,112)
```

Analogous Color

#7073b4
```
#7073b4 rgb(112,115,180)
```
#b48f70
```
#b48f70 rgb(180,143,112)
```
#70b4b1
```
#70b4b1 rgb(112,180,177)
```

Split Complementary Color

#8f70b4
```
#8f70b4 rgb(143,112,180)
```
#b48f70
```
#b48f70 rgb(180,143,112)
```
#70b48f
```
#70b48f rgb(112,180,143)
```

Triadic Color

#b47095
```
#b47095 rgb(180,112,149)
```
#b48f70
```
#b48f70 rgb(180,143,112)
```
#70b48f
```
#70b48f rgb(112,180,143)
```
#7095b4
```
#7095b4 rgb(112,149,180)
```

Tetradic Color

#8d694a
```
#8d694a rgb(141,105,74)
```
#9e7553
```
#9e7553 rgb(158,117,83)
```
#ab825f
```
#ab825f rgb(171,130,95)
```
#b48f70
```
#b48f70 rgb(180,143,112)
```
#bd9c81
```
#bd9c81 rgb(189,156,129)
```
#c6a991
```
#c6a991 rgb(198,169,145)
```
#ceb6a2
```
#ceb6a2 rgb(206,182,162)
```

Monochromatic Color

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

#b47e70
```
#b47e70 rgb(180,126,112)
```
#b48470
```
#b48470 rgb(180,132,112)
```
#b48970
```
#b48970 rgb(180,137,112)
```
#b48f70
```
#b48f70 rgb(180,143,112)
```
#b49570
```
#b49570 rgb(180,149,112)
```
#b49a70
```
#b49a70 rgb(180,154,112)
```
#b4a070
```
#b4a070 rgb(180,160,112)
```

Similar Colors

Text with hexadecimal color #b48f70

This text has a font color of #b48f70.

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

#b48f70 background color

This paragraph has a background color of #b48f70.

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

#b48f70 border color

This element has a border color of #b48f70.

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

CSS codes

.text {color:#b48f70;}

.background {background-color:#b48f70;}

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

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

#0b0806
```
#0b0806 rgb(11,8,6)
```
#18120d
```
#18120d rgb(24,18,13)
```
#251c13
```
#251c13 rgb(37,28,19)
```
#32251a
```
#32251a rgb(50,37,26)
```
#3f2f21
```
#3f2f21 rgb(63,47,33)
```
#4c3828
```
#4c3828 rgb(76,56,40)
```
#59422e
```
#59422e rgb(89,66,46)
```
#654b35
```
#654b35 rgb(101,75,53)
```
#72553c
```
#72553c rgb(114,85,60)
```
#7f5e43
```
#7f5e43 rgb(127,94,67)
```
#8c6849
```
#8c6849 rgb(140,104,73)
```
#997150
```
#997150 rgb(153,113,80)
```
#a67b57
```
#a67b57 rgb(166,123,87)
```

Shade Color Variation

#ad8563
```
#ad8563 rgb(173,133,99)
```
#b48f70
```
#b48f70 rgb(180,143,112)
```
#bb997d
```
#bb997d rgb(187,153,125)
```
#c1a38a
```
#c1a38a rgb(193,163,138)
```
#c8ad97
```
#c8ad97 rgb(200,173,151)
```
#cfb7a3
```
#cfb7a3 rgb(207,183,163)
```
#d6c1b0
```
#d6c1b0 rgb(214,193,176)
```
#dccbbd
```
#dccbbd rgb(220,203,189)
```
#e3d6ca
```
#e3d6ca rgb(227,214,202)
```
#eae0d7
```
#eae0d7 rgb(234,224,215)
```
#f1eae4
```
#f1eae4 rgb(241,234,228)
```
#f7f4f1
```
#f7f4f1 rgb(247,244,241)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#929292
```
#929292 rgb(146,146,146)
```
#9b9189
```
#9b9189 rgb(155,145,137)
```
#a39081
```
#a39081 rgb(163,144,129)
```
#ac9078
```
#ac9078 rgb(172,144,120)
```
#b48f70
```
#b48f70 rgb(180,143,112)
```
#bc8e68
```
#bc8e68 rgb(188,142,104)
```
#c58e5f
```
#c58e5f rgb(197,142,95)
```
#cd8d57
```
#cd8d57 rgb(205,141,87)
```
#d68c4e
```
#d68c4e rgb(214,140,78)
```
#de8b46
```
#de8b46 rgb(222,139,70)
```
#e68b3e
```
#e68b3e rgb(230,139,62)
```
#ef8a35
```
#ef8a35 rgb(239,138,53)
```
#f7892d
```
#f7892d rgb(247,137,45)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#9d958f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59b7a Protanopia 1% of men
#b69577 Deuteranopia 1% of men
#bb909a Tritanopia 0.001% of the population

Trichromacy

#aa9676 Protanomaly 1% of men, 0.01% of women
#b59374 Deuteranomaly 6% of men, 0.4% of women
#b98f8a Tritanomaly 0.01% of the population

#b48f70 hex color

#b48f70 Color Information

#b48f70 Color Conversion

Color Schemes with #b48f70

Alternatives to #b48f70

#b48f70 Preview

Shades and Tints of #b48f70

Tones of #b48f70

Color Blindness Simulator