#b48745 hex color

In a RGB color space, hex #b48745 is composed of 70.6% red, 52.9% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25% magenta, 61.7% yellow and 29.4% black. It has a hue angle of 35.7 degrees, a saturation of 44.6% and a lightness of 48.8%. #b48745 color hex could be obtained by blending #ffff8a with #690f00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 71
- G 53
- B 27
RGB color chart
- C 0
- M 25
- Y 62
- K 29
CMYK color chart

● #b48745 color description : Moderate orange.

The hexadecimal color #b48745 has RGB values of R:180, G:135, B:69 and CMYK values of C:0, M:0.25, Y:0.62, K:0.29. Its decimal value is 11831109.

Hex triplet	b48745	`#b48745`
RGB Decimal	180, 135, 69	`rgb(180,135,69)`
RGB Percent	70.6, 52.9, 27.1	`rgb(70.6%,52.9%,27.1%)`
CMYK	0, 25, 62, 29
HSL	35.7°, 44.6, 48.8	`hsl(35.7,44.6%,48.8%)`
HSV (or HSB)	35.7°, 61.7, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	59.4, 9.9, 41.524
XYZ	28.561, 27.462, 9.426
xyY	0.436, 0.42, 27.462
CIE-LCH	59.4, 42.688, 76.59
CIE-LUV	59.4, 35.418, 45.492
Hunter-Lab	52.405, 5.576, 26.018
Binary	10110100, 10000111, 01000101

#b48745
```
#b48745 rgb(180,135,69)
```
#4572b4
```
#4572b4 rgb(69,114,180)
```

Complementary Color

#b45045
```
#b45045 rgb(180,80,69)
```
#b48745
```
#b48745 rgb(180,135,69)
```
#aab445
```
#aab445 rgb(170,180,69)
```

Analogous Color

#5045b4
```
#5045b4 rgb(80,69,180)
```
#b48745
```
#b48745 rgb(180,135,69)
```
#45aab4
```
#45aab4 rgb(69,170,180)
```

Split Complementary Color

#8745b4
```
#8745b4 rgb(135,69,180)
```
#b48745
```
#b48745 rgb(180,135,69)
```
#45b487
```
#45b487 rgb(69,180,135)
```

Triadic Color

#b44572
```
#b44572 rgb(180,69,114)
```
#b48745
```
#b48745 rgb(180,135,69)
```
#45b487
```
#45b487 rgb(69,180,135)
```
#4572b4
```
#4572b4 rgb(69,114,180)
```

Tetradic Color

#7d5e30
```
#7d5e30 rgb(125,94,48)
```
#8f6b37
```
#8f6b37 rgb(143,107,55)
```
#a2793e
```
#a2793e rgb(162,121,62)
```
#b48745
```
#b48745 rgb(180,135,69)
```
#be9355
```
#be9355 rgb(190,147,85)
```
#c59f67
```
#c59f67 rgb(197,159,103)
```
#ccab7a
```
#ccab7a rgb(204,171,122)
```

Monochromatic Color

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

#b46b45
```
#b46b45 rgb(180,107,69)
```
#b47545
```
#b47545 rgb(180,117,69)
```
#b47e45
```
#b47e45 rgb(180,126,69)
```
#b48745
```
#b48745 rgb(180,135,69)
```
#b49045
```
#b49045 rgb(180,144,69)
```
#b49a45
```
#b49a45 rgb(180,154,69)
```
#b4a345
```
#b4a345 rgb(180,163,69)
```

Similar Colors

Text with hexadecimal color #b48745

This text has a font color of #b48745.

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

#b48745 background color

This paragraph has a background color of #b48745.

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

#b48745 border color

This element has a border color of #b48745.

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

CSS codes

.text {color:#b48745;}

.background {background-color:#b48745;}

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

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

#0a0704
```
#0a0704 rgb(10,7,4)
```
#181209
```
#181209 rgb(24,18,9)
```
#261d0f
```
#261d0f rgb(38,29,15)
```
#342714
```
#342714 rgb(52,39,20)
```
#43321a
```
#43321a rgb(67,50,26)
```
#513d1f
```
#513d1f rgb(81,61,31)
```
#5f4724
```
#5f4724 rgb(95,71,36)
```
#6d522a
```
#6d522a rgb(109,82,42)
```
#7b5c2f
```
#7b5c2f rgb(123,92,47)
```
#896735
```
#896735 rgb(137,103,53)
```
#98723a
```
#98723a rgb(152,114,58)
```
#a67c40
```
#a67c40 rgb(166,124,64)
```
#b48745
```
#b48745 rgb(180,135,69)
```

Shade Color Variation

#bc9051
```
#bc9051 rgb(188,144,81)
```
#c2995f
```
#c2995f rgb(194,153,95)
```
#c7a26d
```
#c7a26d rgb(199,162,109)
```
#ccab7b
```
#ccab7b rgb(204,171,123)
```
#d2b489
```
#d2b489 rgb(210,180,137)
```
#d7bd97
```
#d7bd97 rgb(215,189,151)
```
#ddc6a6
```
#ddc6a6 rgb(221,198,166)
```
#e2cfb4
```
#e2cfb4 rgb(226,207,180)
```
#e8d8c2
```
#e8d8c2 rgb(232,216,194)
```
#ede1d0
```
#ede1d0 rgb(237,225,208)
```
#f2eade
```
#f2eade rgb(242,234,222)
```
#f8f3ec
```
#f8f3ec rgb(248,243,236)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#847e75
```
#847e75 rgb(132,126,117)
```
#8e806b
```
#8e806b rgb(142,128,107)
```
#978262
```
#978262 rgb(151,130,98)
```
#a18358
```
#a18358 rgb(161,131,88)
```
#aa854f
```
#aa854f rgb(170,133,79)
```
#b48745
```
#b48745 rgb(180,135,69)
```
#be893b
```
#be893b rgb(190,137,59)
```
#c78b32
```
#c78b32 rgb(199,139,50)
```
#d18c28
```
#d18c28 rgb(209,140,40)
```
#da8e1f
```
#da8e1f rgb(218,142,31)
```
#e49015
```
#e49015 rgb(228,144,21)
```
#ed920c
```
#ed920c rgb(237,146,12)
```
#f79402
```
#f79402 rgb(247,148,2)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#958c7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39451 Protanopia 1% of men
#b58e4e Deuteranopia 1% of men
#bd858f Tritanopia 0.001% of the population

Trichromacy

#a98f4c Protanomaly 1% of men, 0.01% of women
#b58b4a Deuteranomaly 6% of men, 0.4% of women
#b98674 Tritanomaly 0.01% of the population

#b48745 hex color

#b48745 Color Information

#b48745 Color Conversion

Color Schemes with #b48745

Alternatives to #b48745

#b48745 Preview

Shades and Tints of #b48745

Tones of #b48745

Color Blindness Simulator