#b48675 hex color

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

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

● #b48675 color description : Slightly desaturated orange.

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

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

CIE-LAB	59.924, 15.272, 16.031
XYZ	30.558, 28.039, 20.631
xyY	0.386, 0.354, 28.039
CIE-LCH	59.924, 22.141, 46.387
CIE-LUV	59.924, 31.483, 18.339
Hunter-Lab	52.952, 10.345, 13.966
Binary	10110100, 10000110, 01110101

#b48675
```
#b48675 rgb(180,134,117)
```
#75a3b4
```
#75a3b4 rgb(117,163,180)
```

Complementary Color

#b47584
```
#b47584 rgb(180,117,132)
```
#b48675
```
#b48675 rgb(180,134,117)
```
#b4a675
```
#b4a675 rgb(180,166,117)
```

Analogous Color

#7584b4
```
#7584b4 rgb(117,132,180)
```
#b48675
```
#b48675 rgb(180,134,117)
```
#75b4a6
```
#75b4a6 rgb(117,180,166)
```

Split Complementary Color

#8675b4
```
#8675b4 rgb(134,117,180)
```
#b48675
```
#b48675 rgb(180,134,117)
```
#75b486
```
#75b486 rgb(117,180,134)
```

Triadic Color

#b475a3
```
#b475a3 rgb(180,117,163)
```
#b48675
```
#b48675 rgb(180,134,117)
```
#75b486
```
#75b486 rgb(117,180,134)
```
#75a3b4
```
#75a3b4 rgb(117,163,180)
```

Tetradic Color

#8f5f4e
```
#8f5f4e rgb(143,95,78)
```
#9f6a57
```
#9f6a57 rgb(159,106,87)
```
#ab7864
```
#ab7864 rgb(171,120,100)
```
#b48675
```
#b48675 rgb(180,134,117)
```
#bd9486
```
#bd9486 rgb(189,148,134)
```
#c6a396
```
#c6a396 rgb(198,163,150)
```
#cfb1a7
```
#cfb1a7 rgb(207,177,167)
```

Monochromatic Color

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

#b47675
```
#b47675 rgb(180,118,117)
```
#b47c75
```
#b47c75 rgb(180,124,117)
```
#b48175
```
#b48175 rgb(180,129,117)
```
#b48675
```
#b48675 rgb(180,134,117)
```
#b48b75
```
#b48b75 rgb(180,139,117)
```
#b49175
```
#b49175 rgb(180,145,117)
```
#b49675
```
#b49675 rgb(180,150,117)
```

Similar Colors

Text with hexadecimal color #b48675

This text has a font color of #b48675.

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

#b48675 background color

This paragraph has a background color of #b48675.

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

#b48675 border color

This element has a border color of #b48675.

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

CSS codes

.text {color:#b48675;}

.background {background-color:#b48675;}

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

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)
```
#281b16
```
#281b16 rgb(40,27,22)
```
#35231d
```
#35231d rgb(53,35,29)
```
#412c24
```
#412c24 rgb(65,44,36)
```
#4e342a
```
#4e342a rgb(78,52,42)
```
#5b3d31
```
#5b3d31 rgb(91,61,49)
```
#674538
```
#674538 rgb(103,69,56)
```
#744d3f
```
#744d3f rgb(116,77,63)
```
#815646
```
#815646 rgb(129,86,70)
```
#8e5e4d
```
#8e5e4d rgb(142,94,77)
```
#9a6754
```
#9a6754 rgb(154,103,84)
```

Shade Color Variation

#a6705c
```
#a6705c rgb(166,112,92)
```
#ad7b68
```
#ad7b68 rgb(173,123,104)
```
#b48675
```
#b48675 rgb(180,134,117)
```
#bb9182
```
#bb9182 rgb(187,145,130)
```
#c29c8e
```
#c29c8e rgb(194,156,142)
```
#c9a79b
```
#c9a79b rgb(201,167,155)
```
#d0b3a8
```
#d0b3a8 rgb(208,179,168)
```
#d7beb5
```
#d7beb5 rgb(215,190,181)
```
#ddc9c1
```
#ddc9c1 rgb(221,201,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 #fe642b is the most saturated one.

#9b918e
```
#9b918e rgb(155,145,142)
```
#a48e85
```
#a48e85 rgb(164,142,133)
```
#ac8a7d
```
#ac8a7d rgb(172,138,125)
```
#b48675
```
#b48675 rgb(180,134,117)
```
#bc826d
```
#bc826d rgb(188,130,109)
```
#c47e65
```
#c47e65 rgb(196,126,101)
```
#cd7b5c
```
#cd7b5c rgb(205,123,92)
```
#d57754
```
#d57754 rgb(213,119,84)
```
#dd734c
```
#dd734c rgb(221,115,76)
```
#e56f44
```
#e56f44 rgb(229,111,68)
```
#ed6c3c
```
#ed6c3c rgb(237,108,60)
```
#f66833
```
#f66833 rgb(246,104,51)
```
#fe642b
```
#fe642b rgb(254,100,43)
```

Tone Color Variation

Below, you can see how #b48675 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
#99908c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9580 Protanopia 1% of men
#ad907a Deuteranopia 1% of men
#ba8992 Tritanopia 0.001% of the population

Trichromacy

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

#b48675 hex color

#b48675 Color Information

#b48675 Color Conversion

Color Schemes with #b48675

Alternatives to #b48675

#b48675 Preview

Shades and Tints of #b48675

Tones of #b48675

Color Blindness Simulator