#b48145 hex color

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

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

● #b48145 color description : Moderate orange.

The hexadecimal color #b48145 has RGB values of R:180, G:129, B:69 and CMYK values of C:0, M:0.28, Y:0.62, K:0.29. Its decimal value is 11829573.

Hex triplet	b48145	`#b48145`
RGB Decimal	180, 129, 69	`rgb(180,129,69)`
RGB Percent	70.6, 50.6, 27.1	`rgb(70.6%,50.6%,27.1%)`
CMYK	0, 28, 62, 29
HSL	32.4°, 44.6, 48.8	`hsl(32.4,44.6%,48.8%)`
HSV (or HSB)	32.4°, 61.7, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	57.88, 13.24, 39.76
XYZ	27.747, 25.835, 9.155
xyY	0.442, 0.412, 25.835
CIE-LCH	57.88, 41.907, 71.583
CIE-LUV	57.88, 39.765, 42.768
Hunter-Lab	50.828, 8.494, 24.9
Binary	10110100, 10000001, 01000101

#b48145
```
#b48145 rgb(180,129,69)
```
#4578b4
```
#4578b4 rgb(69,120,180)
```

Complementary Color

#b44a45
```
#b44a45 rgb(180,74,69)
```
#b48145
```
#b48145 rgb(180,129,69)
```
#b0b445
```
#b0b445 rgb(176,180,69)
```

Analogous Color

#4a45b4
```
#4a45b4 rgb(74,69,180)
```
#b48145
```
#b48145 rgb(180,129,69)
```
#45b0b4
```
#45b0b4 rgb(69,176,180)
```

Split Complementary Color

#8145b4
```
#8145b4 rgb(129,69,180)
```
#b48145
```
#b48145 rgb(180,129,69)
```
#45b481
```
#45b481 rgb(69,180,129)
```

Triadic Color

#b44578
```
#b44578 rgb(180,69,120)
```
#b48145
```
#b48145 rgb(180,129,69)
```
#45b481
```
#45b481 rgb(69,180,129)
```
#4578b4
```
#4578b4 rgb(69,120,180)
```

Tetradic Color

#7d5930
```
#7d5930 rgb(125,89,48)
```
#8f6737
```
#8f6737 rgb(143,103,55)
```
#a2743e
```
#a2743e rgb(162,116,62)
```
#b48145
```
#b48145 rgb(180,129,69)
```
#be8e55
```
#be8e55 rgb(190,142,85)
```
#c59a67
```
#c59a67 rgb(197,154,103)
```
#cca67a
```
#cca67a rgb(204,166,122)
```

Monochromatic Color

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

#b46545
```
#b46545 rgb(180,101,69)
```
#b46f45
```
#b46f45 rgb(180,111,69)
```
#b47845
```
#b47845 rgb(180,120,69)
```
#b48145
```
#b48145 rgb(180,129,69)
```
#b48a45
```
#b48a45 rgb(180,138,69)
```
#b49445
```
#b49445 rgb(180,148,69)
```
#b49d45
```
#b49d45 rgb(180,157,69)
```

Similar Colors

Text with hexadecimal color #b48145

This text has a font color of #b48145.

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

#b48145 background color

This paragraph has a background color of #b48145.

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

#b48145 border color

This element has a border color of #b48145.

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

CSS codes

.text {color:#b48145;}

.background {background-color:#b48145;}

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

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)
```
#181109
```
#181109 rgb(24,17,9)
```
#261b0f
```
#261b0f rgb(38,27,15)
```
#342614
```
#342614 rgb(52,38,20)
```
#43301a
```
#43301a rgb(67,48,26)
```
#513a1f
```
#513a1f rgb(81,58,31)
```
#5f4424
```
#5f4424 rgb(95,68,36)
```
#6d4e2a
```
#6d4e2a rgb(109,78,42)
```
#7b582f
```
#7b582f rgb(123,88,47)
```
#896335
```
#896335 rgb(137,99,53)
```
#986d3a
```
#986d3a rgb(152,109,58)
```
#a67740
```
#a67740 rgb(166,119,64)
```
#b48145
```
#b48145 rgb(180,129,69)
```

Shade Color Variation

#bc8b51
```
#bc8b51 rgb(188,139,81)
```
#c2945f
```
#c2945f rgb(194,148,95)
```
#c79e6d
```
#c79e6d rgb(199,158,109)
```
#cca77b
```
#cca77b rgb(204,167,123)
```
#d2b089
```
#d2b089 rgb(210,176,137)
```
#d7ba97
```
#d7ba97 rgb(215,186,151)
```
#ddc3a6
```
#ddc3a6 rgb(221,195,166)
```
#e2cdb4
```
#e2cdb4 rgb(226,205,180)
```
#e8d6c2
```
#e8d6c2 rgb(232,214,194)
```
#ede0d0
```
#ede0d0 rgb(237,224,208)
```
#f2e9de
```
#f2e9de rgb(242,233,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, #847d75 is the less saturated color, while #f78602 is the most saturated one.

#847d75
```
#847d75 rgb(132,125,117)
```
#8e7e6b
```
#8e7e6b rgb(142,126,107)
```
#977f62
```
#977f62 rgb(151,127,98)
```
#a17f58
```
#a17f58 rgb(161,127,88)
```
#aa804f
```
#aa804f rgb(170,128,79)
```
#b48145
```
#b48145 rgb(180,129,69)
```
#be823b
```
#be823b rgb(190,130,59)
```
#c78332
```
#c78332 rgb(199,131,50)
```
#d18328
```
#d18328 rgb(209,131,40)
```
#da841f
```
#da841f rgb(218,132,31)
```
#e48515
```
#e48515 rgb(228,133,21)
```
#ed860c
```
#ed860c rgb(237,134,12)
```
#f78602
```
#f78602 rgb(247,134,2)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#92877b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9151 Protanopia 1% of men
#b08a4d Deuteranopia 1% of men
#bc8089 Tritanopia 0.001% of the population

Trichromacy

#a68b4d Protanomaly 1% of men, 0.01% of women
#b1874a Deuteranomaly 6% of men, 0.4% of women
#b98070 Tritanomaly 0.01% of the population

#b48145 hex color

#b48145 Color Information

#b48145 Color Conversion

Color Schemes with #b48145

Alternatives to #b48145

#b48145 Preview

Shades and Tints of #b48145

Tones of #b48145

Color Blindness Simulator