#b48575 hex color

In a RGB color space, hex #b48575 is composed of 70.6% red, 52.2% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.1% magenta, 35% yellow and 29.4% black. It has a hue angle of 15.2 degrees, a saturation of 29.6% and a lightness of 58.2%. #b48575 color hex could be obtained by blending #ffffea with #690b00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 71
- G 52
- B 46
RGB color chart
- C 0
- M 26
- Y 35
- K 29
CMYK color chart

● #b48575 color description : Slightly desaturated orange.

The hexadecimal color #b48575 has RGB values of R:180, G:133, B:117 and CMYK values of C:0, M:0.26, Y:0.35, K:0.29. Its decimal value is 11830645.

Hex triplet	b48575	`#b48575`
RGB Decimal	180, 133, 117	`rgb(180,133,117)`
RGB Percent	70.6, 52.2, 45.9	`rgb(70.6%,52.2%,45.9%)`
CMYK	0, 26, 35, 29
HSL	15.2°, 29.6, 58.2	`hsl(15.2,29.6%,58.2%)`
HSV (or HSB)	15.2°, 35, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	59.675, 15.832, 15.686
XYZ	30.421, 27.764, 20.585
xyY	0.386, 0.352, 27.764
CIE-LCH	59.675, 22.287, 44.736
CIE-LUV	59.675, 32.112, 17.788
Hunter-Lab	52.692, 10.844, 13.721
Binary	10110100, 10000101, 01110101

#b48575
```
#b48575 rgb(180,133,117)
```
#75a4b4
```
#75a4b4 rgb(117,164,180)
```

Complementary Color

#b47585
```
#b47585 rgb(180,117,133)
```
#b48575
```
#b48575 rgb(180,133,117)
```
#b4a575
```
#b4a575 rgb(180,165,117)
```

Analogous Color

#7585b4
```
#7585b4 rgb(117,133,180)
```
#b48575
```
#b48575 rgb(180,133,117)
```
#75b4a5
```
#75b4a5 rgb(117,180,165)
```

Split Complementary Color

#8575b4
```
#8575b4 rgb(133,117,180)
```
#b48575
```
#b48575 rgb(180,133,117)
```
#75b485
```
#75b485 rgb(117,180,133)
```

Triadic Color

#b475a4
```
#b475a4 rgb(180,117,164)
```
#b48575
```
#b48575 rgb(180,133,117)
```
#75b485
```
#75b485 rgb(117,180,133)
```
#75a4b4
```
#75a4b4 rgb(117,164,180)
```

Tetradic Color

#8f5e4e
```
#8f5e4e rgb(143,94,78)
```
#9f6957
```
#9f6957 rgb(159,105,87)
```
#ab7664
```
#ab7664 rgb(171,118,100)
```
#b48575
```
#b48575 rgb(180,133,117)
```
#bd9486
```
#bd9486 rgb(189,148,134)
```
#c6a296
```
#c6a296 rgb(198,162,150)
```
#cfb1a7
```
#cfb1a7 rgb(207,177,167)
```

Monochromatic Color

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

#b47575
```
#b47575 rgb(180,117,117)
```
#b47b75
```
#b47b75 rgb(180,123,117)
```
#b48075
```
#b48075 rgb(180,128,117)
```
#b48575
```
#b48575 rgb(180,133,117)
```
#b48a75
```
#b48a75 rgb(180,138,117)
```
#b49075
```
#b49075 rgb(180,144,117)
```
#b49575
```
#b49575 rgb(180,149,117)
```

Similar Colors

Text with hexadecimal color #b48575

This text has a font color of #b48575.

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

#b48575 background color

This paragraph has a background color of #b48575.

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

#b48575 border color

This element has a border color of #b48575.

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

CSS codes

.text {color:#b48575;}

.background {background-color:#b48575;}

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

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, #020101 is the darkest color, while #f9f5f4 is the lightest one.

#020101
```
#020101 rgb(2,1,1)
```
#0f0a08
```
#0f0a08 rgb(15,10,8)
```
#1b120f
```
#1b120f rgb(27,18,15)
```
#281a16
```
#281a16 rgb(40,26,22)
```
#35231d
```
#35231d rgb(53,35,29)
```
#412b24
```
#412b24 rgb(65,43,36)
```
#4e332a
```
#4e332a rgb(78,51,42)
```
#5b3c31
```
#5b3c31 rgb(91,60,49)
```
#674438
```
#674438 rgb(103,68,56)
```
#744d3f
```
#744d3f rgb(116,77,63)
```
#815546
```
#815546 rgb(129,85,70)
```
#8e5d4d
```
#8e5d4d rgb(142,93,77)
```
#9a6654
```
#9a6654 rgb(154,102,84)
```

Shade Color Variation

#a66f5c
```
#a66f5c rgb(166,111,92)
```
#ad7a68
```
#ad7a68 rgb(173,122,104)
```
#b48575
```
#b48575 rgb(180,133,117)
```
#bb9082
```
#bb9082 rgb(187,144,130)
```
#c29b8e
```
#c29b8e rgb(194,155,142)
```
#c9a79b
```
#c9a79b rgb(201,167,155)
```
#d0b2a8
```
#d0b2a8 rgb(208,178,168)
```
#d7bdb5
```
#d7bdb5 rgb(215,189,181)
```
#ddc8c1
```
#ddc8c1 rgb(221,200,193)
```
#e4d4ce
```
#e4d4ce rgb(228,212,206)
```
#ebdfdb
```
#ebdfdb rgb(235,223,219)
```
#f2eae7
```
#f2eae7 rgb(242,234,231)
```
#f9f5f4
```
#f9f5f4 rgb(249,245,244)
```

Tint Color Variation

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

#9b918e
```
#9b918e rgb(155,145,142)
```
#a48d85
```
#a48d85 rgb(164,141,133)
```
#ac897d
```
#ac897d rgb(172,137,125)
```
#b48575
```
#b48575 rgb(180,133,117)
```
#bc816d
```
#bc816d rgb(188,129,109)
```
#c47d65
```
#c47d65 rgb(196,125,101)
```
#cd795c
```
#cd795c rgb(205,121,92)
```
#d57554
```
#d57554 rgb(213,117,84)
```
#dd714c
```
#dd714c rgb(221,113,76)
```
#e56d44
```
#e56d44 rgb(229,109,68)
```
#ed693c
```
#ed693c rgb(237,105,60)
```
#f66533
```
#f66533 rgb(246,101,51)
```
#fe612b
```
#fe612b rgb(254,97,43)
```

Tone Color Variation

Below, you can see how #b48575 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
#988f8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c9580 Protanopia 1% of men
#ac907a Deuteranopia 1% of men
#ba8891 Tritanopia 0.001% of the population

Trichromacy

#a58f7c Protanomaly 1% of men, 0.01% of women
#af8c78 Deuteranomaly 6% of men, 0.4% of women
#b88787 Tritanomaly 0.01% of the population

#b48575 hex color

#b48575 Color Information

#b48575 Color Conversion

Color Schemes with #b48575

Alternatives to #b48575

#b48575 Preview

Shades and Tints of #b48575

Tones of #b48575

Color Blindness Simulator