#b48f36 hex color

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

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

● #b48f36 color description : Moderate orange.

The hexadecimal color #b48f36 has RGB values of R:180, G:143, B:54 and CMYK values of C:0, M:0.21, Y:0.7, K:0.29. Its decimal value is 11833142.

Hex triplet	b48f36	`#b48f36`
RGB Decimal	180, 143, 54	`rgb(180,143,54)`
RGB Percent	70.6, 56.1, 21.2	`rgb(70.6%,56.1%,21.2%)`
CMYK	0, 21, 70, 29
HSL	42.4°, 53.8, 45.9	`hsl(42.4,53.8%,45.9%)`
HSV (or HSB)	42.4°, 70, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	61.321, 4.525, 50.741
XYZ	29.311, 29.616, 7.662
xyY	0.44, 0.445, 29.616
CIE-LCH	61.321, 50.942, 84.904
CIE-LUV	61.321, 30.519, 54.581
Hunter-Lab	54.421, 0.905, 29.746
Binary	10110100, 10001111, 00110110

#b48f36
```
#b48f36 rgb(180,143,54)
```
#365bb4
```
#365bb4 rgb(54,91,180)
```

Complementary Color

#b45036
```
#b45036 rgb(180,80,54)
```
#b48f36
```
#b48f36 rgb(180,143,54)
```
#9ab436
```
#9ab436 rgb(154,180,54)
```

Analogous Color

#5036b4
```
#5036b4 rgb(80,54,180)
```
#b48f36
```
#b48f36 rgb(180,143,54)
```
#369ab4
```
#369ab4 rgb(54,154,180)
```

Split Complementary Color

#8f36b4
```
#8f36b4 rgb(143,54,180)
```
#b48f36
```
#b48f36 rgb(180,143,54)
```
#36b48f
```
#36b48f rgb(54,180,143)
```

Triadic Color

#b4365b
```
#b4365b rgb(180,54,91)
```
#b48f36
```
#b48f36 rgb(180,143,54)
```
#36b48f
```
#36b48f rgb(54,180,143)
```
#365bb4
```
#365bb4 rgb(54,91,180)
```

Tetradic Color

#796024
```
#796024 rgb(121,96,36)
```
#8d702a
```
#8d702a rgb(141,112,42)
```
#a07f30
```
#a07f30 rgb(160,127,48)
```
#b48f36
```
#b48f36 rgb(180,143,54)
```
#c59e3e
```
#c59e3e rgb(197,158,62)
```
#cba852
```
#cba852 rgb(203,168,82)
```
#d1b166
```
#d1b166 rgb(209,177,102)
```

Monochromatic Color

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

#b47036
```
#b47036 rgb(180,112,54)
```
#b47a36
```
#b47a36 rgb(180,122,54)
```
#b48536
```
#b48536 rgb(180,133,54)
```
#b48f36
```
#b48f36 rgb(180,143,54)
```
#b49a36
```
#b49a36 rgb(180,154,54)
```
#b4a436
```
#b4a436 rgb(180,164,54)
```
#b4af36
```
#b4af36 rgb(180,175,54)
```

Similar Colors

Text with hexadecimal color #b48f36

This text has a font color of #b48f36.

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

#b48f36 background color

This paragraph has a background color of #b48f36.

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

#b48f36 border color

This element has a border color of #b48f36.

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

CSS codes

.text {color:#b48f36;}

.background {background-color:#b48f36;}

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

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)
```
#3b2f12
```
#3b2f12 rgb(59,47,18)
```
#4a3b16
```
#4a3b16 rgb(74,59,22)
```
#59471b
```
#59471b rgb(89,71,27)
```
#69531f
```
#69531f rgb(105,83,31)
```
#785f24
```
#785f24 rgb(120,95,36)
```
#876b28
```
#876b28 rgb(135,107,40)
```
#96772d
```
#96772d rgb(150,119,45)
```
#a58331
```
#a58331 rgb(165,131,49)
```
#b48f36
```
#b48f36 rgb(180,143,54)
```
#c39b3b
```
#c39b3b rgb(195,155,59)
```

Shade Color Variation

#c8a349
```
#c8a349 rgb(200,163,73)
```
#cdab58
```
#cdab58 rgb(205,171,88)
```
#d1b267
```
#d1b267 rgb(209,178,103)
```
#d6ba76
```
#d6ba76 rgb(214,186,118)
```
#dac185
```
#dac185 rgb(218,193,133)
```
#dfc994
```
#dfc994 rgb(223,201,148)
```
#e4d1a3
```
#e4d1a3 rgb(228,209,163)
```
#e8d8b2
```
#e8d8b2 rgb(232,216,178)
```
#ede0c2
```
#ede0c2 rgb(237,224,194)
```
#f1e8d1
```
#f1e8d1 rgb(241,232,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, #7e796c is the less saturated color, while #eaa500 is the most saturated one.

#7e796c
```
#7e796c rgb(126,121,108)
```
#877c63
```
#877c63 rgb(135,124,99)
```
#90805a
```
#90805a rgb(144,128,90)
```
#998451
```
#998451 rgb(153,132,81)
```
#a28848
```
#a28848 rgb(162,136,72)
```
#ab8b3f
```
#ab8b3f rgb(171,139,63)
```
#b48f36
```
#b48f36 rgb(180,143,54)
```
#bd932d
```
#bd932d rgb(189,147,45)
```
#c69624
```
#c69624 rgb(198,150,36)
```
#cf9a1b
```
#cf9a1b rgb(207,154,27)
```
#d89e12
```
#d89e12 rgb(216,158,18)
```
#e1a209
```
#e1a209 rgb(225,162,9)
```
#eaa500
```
#eaa500 rgb(234,165,0)
```

Tone Color Variation

Below, you can see how #b48f36 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
#97907e Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9941 Protanopia 1% of men
#bd9241 Deuteranopia 1% of men
#be8c95 Tritanopia 0.001% of the population

Trichromacy

#ad953d Protanomaly 1% of men, 0.01% of women
#b9913d Deuteranomaly 6% of men, 0.4% of women
#ba8d72 Tritanomaly 0.01% of the population

#b48f36 hex color

#b48f36 Color Information

#b48f36 Color Conversion

Color Schemes with #b48f36

Alternatives to #b48f36

#b48f36 Preview

Shades and Tints of #b48f36

Tones of #b48f36

Color Blindness Simulator