#b48d36 hex color

In a RGB color space, hex #b48d36 is composed of 70.6% red, 55.3% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.7% magenta, 70% yellow and 29.4% black. It has a hue angle of 41.4 degrees, a saturation of 53.8% and a lightness of 45.9%. #b48d36 color hex could be obtained by blending #ffff6c with #691b00. Closest websafe color is: #cc9933.

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

● #b48d36 color description : Moderate orange.

The hexadecimal color #b48d36 has RGB values of R:180, G:141, B:54 and CMYK values of C:0, M:0.22, Y:0.7, K:0.29. Its decimal value is 11832630.

Hex triplet	b48d36	`#b48d36`
RGB Decimal	180, 141, 54	`rgb(180,141,54)`
RGB Percent	70.6, 55.3, 21.2	`rgb(70.6%,55.3%,21.2%)`
CMYK	0, 22, 70, 29
HSL	41.4°, 53.8, 45.9	`hsl(41.4,53.8%,45.9%)`
HSV (or HSB)	41.4°, 70, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	60.8, 5.625, 50.2
XYZ	29.014, 29.021, 7.563
xyY	0.442, 0.442, 29.021
CIE-LCH	60.8, 50.514, 83.606
CIE-LUV	60.8, 31.977, 53.72
Hunter-Lab	53.871, 1.861, 29.386
Binary	10110100, 10001101, 00110110

#b48d36
```
#b48d36 rgb(180,141,54)
```
#365db4
```
#365db4 rgb(54,93,180)
```

Complementary Color

#b44e36
```
#b44e36 rgb(180,78,54)
```
#b48d36
```
#b48d36 rgb(180,141,54)
```
#9cb436
```
#9cb436 rgb(156,180,54)
```

Analogous Color

#4e36b4
```
#4e36b4 rgb(78,54,180)
```
#b48d36
```
#b48d36 rgb(180,141,54)
```
#369cb4
```
#369cb4 rgb(54,156,180)
```

Split Complementary Color

#8d36b4
```
#8d36b4 rgb(141,54,180)
```
#b48d36
```
#b48d36 rgb(180,141,54)
```
#36b48d
```
#36b48d rgb(54,180,141)
```

Triadic Color

#b4365d
```
#b4365d rgb(180,54,93)
```
#b48d36
```
#b48d36 rgb(180,141,54)
```
#36b48d
```
#36b48d rgb(54,180,141)
```
#365db4
```
#365db4 rgb(54,93,180)
```

Tetradic Color

#795f24
```
#795f24 rgb(121,95,36)
```
#8d6e2a
```
#8d6e2a rgb(141,110,42)
```
#a07e30
```
#a07e30 rgb(160,126,48)
```
#b48d36
```
#b48d36 rgb(180,141,54)
```
#c59b3e
```
#c59b3e rgb(197,155,62)
```
#cba652
```
#cba652 rgb(203,166,82)
```
#d1b066
```
#d1b066 rgb(209,176,102)
```

Monochromatic Color

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

#b46e36
```
#b46e36 rgb(180,110,54)
```
#b47836
```
#b47836 rgb(180,120,54)
```
#b48336
```
#b48336 rgb(180,131,54)
```
#b48d36
```
#b48d36 rgb(180,141,54)
```
#b49836
```
#b49836 rgb(180,152,54)
```
#b4a236
```
#b4a236 rgb(180,162,54)
```
#b4ad36
```
#b4ad36 rgb(180,173,54)
```

Similar Colors

Text with hexadecimal color #b48d36

This text has a font color of #b48d36.

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

#b48d36 background color

This paragraph has a background color of #b48d36.

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

#b48d36 border color

This element has a border color of #b48d36.

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

CSS codes

.text {color:#b48d36;}

.background {background-color:#b48d36;}

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

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

#0e0b04
```
#0e0b04 rgb(14,11,4)
```
#1d1709
```
#1d1709 rgb(29,23,9)
```
#2c230d
```
#2c230d rgb(44,35,13)
```
#3b2e12
```
#3b2e12 rgb(59,46,18)
```
#4a3a16
```
#4a3a16 rgb(74,58,22)
```
#59461b
```
#59461b rgb(89,70,27)
```
#69521f
```
#69521f rgb(105,82,31)
```
#785e24
```
#785e24 rgb(120,94,36)
```
#876a28
```
#876a28 rgb(135,106,40)
```
#96752d
```
#96752d rgb(150,117,45)
```
#a58131
```
#a58131 rgb(165,129,49)
```
#b48d36
```
#b48d36 rgb(180,141,54)
```
#c3993b
```
#c3993b rgb(195,153,59)
```

Shade Color Variation

#c8a149
```
#c8a149 rgb(200,161,73)
```
#cda958
```
#cda958 rgb(205,169,88)
```
#d1b067
```
#d1b067 rgb(209,176,103)
```
#d6b876
```
#d6b876 rgb(214,184,118)
```
#dac085
```
#dac085 rgb(218,192,133)
```
#dfc894
```
#dfc894 rgb(223,200,148)
```
#e4d0a3
```
#e4d0a3 rgb(228,208,163)
```
#e8d7b2
```
#e8d7b2 rgb(232,215,178)
```
#eddfc2
```
#eddfc2 rgb(237,223,194)
```
#f1e7d1
```
#f1e7d1 rgb(241,231,209)
```
#f6efe0
```
#f6efe0 rgb(246,239,224)
```
#faf7ef
```
#faf7ef rgb(250,247,239)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#7e786c
```
#7e786c rgb(126,120,108)
```
#877c63
```
#877c63 rgb(135,124,99)
```
#907f5a
```
#907f5a rgb(144,127,90)
```
#998351
```
#998351 rgb(153,131,81)
```
#a28648
```
#a28648 rgb(162,134,72)
```
#ab8a3f
```
#ab8a3f rgb(171,138,63)
```
#b48d36
```
#b48d36 rgb(180,141,54)
```
#bd902d
```
#bd902d rgb(189,144,45)
```
#c69424
```
#c69424 rgb(198,148,36)
```
#cf971b
```
#cf971b rgb(207,151,27)
```
#d89b12
```
#d89b12 rgb(216,155,18)
```
#e19e09
```
#e19e09 rgb(225,158,9)
```
#eaa200
```
#eaa200 rgb(234,162,0)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#968f7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89842 Protanopia 1% of men
#bb9141 Deuteranopia 1% of men
#be8a93 Tritanopia 0.001% of the population

Trichromacy

#ac943d Protanomaly 1% of men, 0.01% of women
#b88f3d Deuteranomaly 6% of men, 0.4% of women
#ba8b71 Tritanomaly 0.01% of the population

#b48d36 hex color

#b48d36 Color Information

#b48d36 Color Conversion

Color Schemes with #b48d36

Alternatives to #b48d36

#b48d36 Preview

Shades and Tints of #b48d36

Tones of #b48d36

Color Blindness Simulator