#b96f36 hex color

In a RGB color space, hex #b96f36 is composed of 72.5% red, 43.5% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40% magenta, 70.8% yellow and 27.5% black. It has a hue angle of 26.1 degrees, a saturation of 54.8% and a lightness of 46.9%. #b96f36 color hex could be obtained by blending #ffde6c with #730000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 73
- G 44
- B 21
RGB color chart
- C 0
- M 40
- Y 71
- K 27
CMYK color chart

● #b96f36 color description : Moderate orange.

The hexadecimal color #b96f36 has RGB values of R:185, G:111, B:54 and CMYK values of C:0, M:0.4, Y:0.71, K:0.27. Its decimal value is 12152630.

Hex triplet	b96f36	`#b96f36`
RGB Decimal	185, 111, 54	`rgb(185,111,54)`
RGB Percent	72.5, 43.5, 21.2	`rgb(72.5%,43.5%,21.2%)`
CMYK	0, 40, 71, 27
HSL	26.1°, 54.8, 46.9	`hsl(26.1,54.8%,46.9%)`
HSV (or HSB)	26.1°, 70.8, 72.5
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.976, 24.442, 43.134
XYZ	26.359, 21.952, 6.339
xyY	0.482, 0.402, 21.952
CIE-LCH	53.976, 49.577, 60.462
CIE-LUV	53.976, 58.649, 41.396
Hunter-Lab	46.852, 18.43, 24.775
Binary	10111001, 01101111, 00110110

#b96f36
```
#b96f36 rgb(185,111,54)
```
#3680b9
```
#3680b9 rgb(54,128,185)
```

Complementary Color

#b9363f
```
#b9363f rgb(185,54,63)
```
#b96f36
```
#b96f36 rgb(185,111,54)
```
#b9b136
```
#b9b136 rgb(185,177,54)
```

Analogous Color

#363fb9
```
#363fb9 rgb(54,63,185)
```
#b96f36
```
#b96f36 rgb(185,111,54)
```
#36b9b1
```
#36b9b1 rgb(54,185,177)
```

Split Complementary Color

#6f36b9
```
#6f36b9 rgb(111,54,185)
```
#b96f36
```
#b96f36 rgb(185,111,54)
```
#36b96f
```
#36b96f rgb(54,185,111)
```

Triadic Color

#b93680
```
#b93680 rgb(185,54,128)
```
#b96f36
```
#b96f36 rgb(185,111,54)
```
#36b96f
```
#36b96f rgb(54,185,111)
```
#3680b9
```
#3680b9 rgb(54,128,185)
```

Tetradic Color

#7e4b25
```
#7e4b25 rgb(126,75,37)
```
#92572a
```
#92572a rgb(146,87,42)
```
#a56330
```
#a56330 rgb(165,99,48)
```
#b96f36
```
#b96f36 rgb(185,111,54)
```
#c87c41
```
#c87c41 rgb(200,124,65)
```
#cd8955
```
#cd8955 rgb(205,137,85)
```
#d39768
```
#d39768 rgb(211,151,104)
```

Monochromatic Color

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

#b94e36
```
#b94e36 rgb(185,78,54)
```
#b95936
```
#b95936 rgb(185,89,54)
```
#b96436
```
#b96436 rgb(185,100,54)
```
#b96f36
```
#b96f36 rgb(185,111,54)
```
#b97a36
```
#b97a36 rgb(185,122,54)
```
#b98536
```
#b98536 rgb(185,133,54)
```
#b99036
```
#b99036 rgb(185,144,54)
```

Similar Colors

Text with hexadecimal color #b96f36

This text has a font color of #b96f36.

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

#b96f36 background color

This paragraph has a background color of #b96f36.

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

#b96f36 border color

This element has a border color of #b96f36.

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

CSS codes

.text {color:#b96f36;}

.background {background-color:#b96f36;}

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

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, #030201 is the darkest color, while #fbf6f3 is the lightest one.

#030201
```
#030201 rgb(3,2,1)
```
#120b05
```
#120b05 rgb(18,11,5)
```
#21140a
```
#21140a rgb(33,20,10)
```
#301d0e
```
#301d0e rgb(48,29,14)
```
#402613
```
#402613 rgb(64,38,19)
```
#4f2f17
```
#4f2f17 rgb(79,47,23)
```
#5e381b
```
#5e381b rgb(94,56,27)
```
#6d4120
```
#6d4120 rgb(109,65,32)
```
#7c4b24
```
#7c4b24 rgb(124,75,36)
```
#8b5429
```
#8b5429 rgb(139,84,41)
```
#9b5d2d
```
#9b5d2d rgb(155,93,45)
```
#aa6632
```
#aa6632 rgb(170,102,50)
```
#b96f36
```
#b96f36 rgb(185,111,54)
```

Shade Color Variation

#c6783c
```
#c6783c rgb(198,120,60)
```
#cb834c
```
#cb834c rgb(203,131,76)
```
#cf8d5b
```
#cf8d5b rgb(207,141,91)
```
#d3986a
```
#d3986a rgb(211,152,106)
```
#d8a279
```
#d8a279 rgb(216,162,121)
```
#dcad88
```
#dcad88 rgb(220,173,136)
```
#e1b798
```
#e1b798 rgb(225,183,152)
```
#e5c2a7
```
#e5c2a7 rgb(229,194,167)
```
#eaccb6
```
#eaccb6 rgb(234,204,182)
```
#eed7c5
```
#eed7c5 rgb(238,215,197)
```
#f3e1d4
```
#f3e1d4 rgb(243,225,212)
```
#f7ece3
```
#f7ece3 rgb(247,236,227)
```
#fbf6f3
```
#fbf6f3 rgb(251,246,243)
```

Tint Color Variation

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

#797776
```
#797776 rgb(121,119,118)
```
#82766d
```
#82766d rgb(130,118,109)
```
#8b7564
```
#8b7564 rgb(139,117,100)
```
#94745b
```
#94745b rgb(148,116,91)
```
#9d7352
```
#9d7352 rgb(157,115,82)
```
#a77148
```
#a77148 rgb(167,113,72)
```
#b0703f
```
#b0703f rgb(176,112,63)
```
#b96f36
```
#b96f36 rgb(185,111,54)
```
#c26e2d
```
#c26e2d rgb(194,110,45)
```
#cb6d24
```
#cb6d24 rgb(203,109,36)
```
#d56b1a
```
#d56b1a rgb(213,107,26)
```
#de6a11
```
#de6a11 rgb(222,106,17)
```
#e76908
```
#e76908 rgb(231,105,8)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#8b7c70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#958745 Protanopia 1% of men
#a6813c Deuteranopia 1% of men
#c07077 Tritanopia 0.001% of the population

Trichromacy

#a27e3f Protanomaly 1% of men, 0.01% of women
#ad7a3a Deuteranomaly 6% of men, 0.4% of women
#bd6f5f Tritanomaly 0.01% of the population

#b96f36 hex color

#b96f36 Color Information

#b96f36 Color Conversion

Color Schemes with #b96f36

Alternatives to #b96f36

#b96f36 Preview

Shades and Tints of #b96f36

Tones of #b96f36

Color Blindness Simulator