#b48d45 hex color

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

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

● #b48d45 color description : Moderate orange.

The hexadecimal color #b48d45 has RGB values of R:180, G:141, B:69 and CMYK values of C:0, M:0.22, Y:0.62, K:0.29. Its decimal value is 11832645.

Hex triplet	b48d45	`#b48d45`
RGB Decimal	180, 141, 69	`rgb(180,141,69)`
RGB Percent	70.6, 55.3, 27.1	`rgb(70.6%,55.3%,27.1%)`
CMYK	0, 22, 62, 29
HSL	38.9°, 44.6, 48.8	`hsl(38.9,44.6%,48.8%)`
HSV (or HSB)	38.9°, 61.7, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	60.944, 6.577, 43.297
XYZ	29.422, 29.184, 9.713
xyY	0.431, 0.427, 29.184
CIE-LCH	60.944, 43.794, 81.363
CIE-LUV	60.944, 31.119, 48.225
Hunter-Lab	54.022, 2.676, 27.155
Binary	10110100, 10001101, 01000101

#b48d45
```
#b48d45 rgb(180,141,69)
```
#456cb4
```
#456cb4 rgb(69,108,180)
```

Complementary Color

#b45645
```
#b45645 rgb(180,86,69)
```
#b48d45
```
#b48d45 rgb(180,141,69)
```
#a4b445
```
#a4b445 rgb(164,180,69)
```

Analogous Color

#5645b4
```
#5645b4 rgb(86,69,180)
```
#b48d45
```
#b48d45 rgb(180,141,69)
```
#45a4b4
```
#45a4b4 rgb(69,164,180)
```

Split Complementary Color

#8d45b4
```
#8d45b4 rgb(141,69,180)
```
#b48d45
```
#b48d45 rgb(180,141,69)
```
#45b48d
```
#45b48d rgb(69,180,141)
```

Triadic Color

#b4456c
```
#b4456c rgb(180,69,108)
```
#b48d45
```
#b48d45 rgb(180,141,69)
```
#45b48d
```
#45b48d rgb(69,180,141)
```
#456cb4
```
#456cb4 rgb(69,108,180)
```

Tetradic Color

#7d6230
```
#7d6230 rgb(125,98,48)
```
#8f7037
```
#8f7037 rgb(143,112,55)
```
#a27f3e
```
#a27f3e rgb(162,127,62)
```
#b48d45
```
#b48d45 rgb(180,141,69)
```
#be9955
```
#be9955 rgb(190,153,85)
```
#c5a467
```
#c5a467 rgb(197,164,103)
```
#ccaf7a
```
#ccaf7a rgb(204,175,122)
```

Monochromatic Color

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

#b47145
```
#b47145 rgb(180,113,69)
```
#b47b45
```
#b47b45 rgb(180,123,69)
```
#b48445
```
#b48445 rgb(180,132,69)
```
#b48d45
```
#b48d45 rgb(180,141,69)
```
#b49645
```
#b49645 rgb(180,150,69)
```
#b4a045
```
#b4a045 rgb(180,160,69)
```
#b4a945
```
#b4a945 rgb(180,169,69)
```

Similar Colors

Text with hexadecimal color #b48d45

This text has a font color of #b48d45.

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

#b48d45 background color

This paragraph has a background color of #b48d45.

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

#b48d45 border color

This element has a border color of #b48d45.

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

CSS codes

.text {color:#b48d45;}

.background {background-color:#b48d45;}

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

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

#0a0804
```
#0a0804 rgb(10,8,4)
```
#181309
```
#181309 rgb(24,19,9)
```
#261e0f
```
#261e0f rgb(38,30,15)
```
#342914
```
#342914 rgb(52,41,20)
```
#43341a
```
#43341a rgb(67,52,26)
```
#513f1f
```
#513f1f rgb(81,63,31)
```
#5f4a24
```
#5f4a24 rgb(95,74,36)
```
#6d552a
```
#6d552a rgb(109,85,42)
```
#7b612f
```
#7b612f rgb(123,97,47)
```
#896c35
```
#896c35 rgb(137,108,53)
```
#98773a
```
#98773a rgb(152,119,58)
```
#a68240
```
#a68240 rgb(166,130,64)
```
#b48d45
```
#b48d45 rgb(180,141,69)
```

Shade Color Variation

#bc9651
```
#bc9651 rgb(188,150,81)
```
#c29f5f
```
#c29f5f rgb(194,159,95)
```
#c7a76d
```
#c7a76d rgb(199,167,109)
```
#ccb07b
```
#ccb07b rgb(204,176,123)
```
#d2b889
```
#d2b889 rgb(210,184,137)
```
#d7c197
```
#d7c197 rgb(215,193,151)
```
#ddc9a6
```
#ddc9a6 rgb(221,201,166)
```
#e2d2b4
```
#e2d2b4 rgb(226,210,180)
```
#e8dac2
```
#e8dac2 rgb(232,218,194)
```
#ede3d0
```
#ede3d0 rgb(237,227,208)
```
#f2ebde
```
#f2ebde rgb(242,235,222)
```
#f8f4ec
```
#f8f4ec rgb(248,244,236)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#847f75
```
#847f75 rgb(132,127,117)
```
#8e826b
```
#8e826b rgb(142,130,107)
```
#978462
```
#978462 rgb(151,132,98)
```
#a18758
```
#a18758 rgb(161,135,88)
```
#aa8a4f
```
#aa8a4f rgb(170,138,79)
```
#b48d45
```
#b48d45 rgb(180,141,69)
```
#be903b
```
#be903b rgb(190,144,59)
```
#c79332
```
#c79332 rgb(199,147,50)
```
#d19628
```
#d19628 rgb(209,150,40)
```
#da981f
```
#da981f rgb(218,152,31)
```
#e49b15
```
#e49b15 rgb(228,155,21)
```
#ed9e0c
```
#ed9e0c rgb(237,158,12)
```
#f7a102
```
#f7a102 rgb(247,161,2)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#978f81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89850 Protanopia 1% of men
#ba914f Deuteranopia 1% of men
#be8b94 Tritanopia 0.001% of the population

Trichromacy

#ac944c Protanomaly 1% of men, 0.01% of women
#b8904b Deuteranomaly 6% of men, 0.4% of women
#ba8b77 Tritanomaly 0.01% of the population

#b48d45 hex color

#b48d45 Color Information

#b48d45 Color Conversion

Color Schemes with #b48d45

Alternatives to #b48d45

#b48d45 Preview

Shades and Tints of #b48d45

Tones of #b48d45

Color Blindness Simulator