#bb7316 hex color

In a RGB color space, hex #bb7316 is composed of 73.3% red, 45.1% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.5% magenta, 88.2% yellow and 26.7% black. It has a hue angle of 33.8 degrees, a saturation of 78.9% and a lightness of 41%. #bb7316 color hex could be obtained by blending #ffe62c with #770000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 73
- G 45
- B 9
RGB color chart
- C 0
- M 39
- Y 88
- K 27
CMYK color chart

● #bb7316 color description : Strong orange.

The hexadecimal color #bb7316 has RGB values of R:187, G:115, B:22 and CMYK values of C:0, M:0.39, Y:0.88, K:0.27. Its decimal value is 12284694.

Hex triplet	bb7316	`#bb7316`
RGB Decimal	187, 115, 22	`rgb(187,115,22)`
RGB Percent	73.3, 45.1, 8.6	`rgb(73.3%,45.1%,8.6%)`
CMYK	0, 39, 88, 27
HSL	33.8°, 78.9, 41	`hsl(33.8,78.9%,41%)`
HSV (or HSB)	33.8°, 88.2, 73.3
Web Safe	cc6600	`#cc6600`

CIE-LAB	54.955, 21.907, 57.169
XYZ	26.77, 22.886, 3.767
xyY	0.501, 0.428, 22.886
CIE-LCH	54.955, 61.222, 69.033
CIE-LUV	54.955, 59.254, 51.272
Hunter-Lab	47.84, 16.165, 28.819
Binary	10111011, 01110011, 00010110

#bb7316
```
#bb7316 rgb(187,115,22)
```
#165ebb
```
#165ebb rgb(22,94,187)
```

Complementary Color

#bb2116
```
#bb2116 rgb(187,33,22)
```
#bb7316
```
#bb7316 rgb(187,115,22)
```
#b1bb16
```
#b1bb16 rgb(177,187,22)
```

Analogous Color

#2116bb
```
#2116bb rgb(33,22,187)
```
#bb7316
```
#bb7316 rgb(187,115,22)
```
#16b1bb
```
#16b1bb rgb(22,177,187)
```

Split Complementary Color

#7316bb
```
#7316bb rgb(115,22,187)
```
#bb7316
```
#bb7316 rgb(187,115,22)
```
#16bb73
```
#16bb73 rgb(22,187,115)
```

Triadic Color

#bb165e
```
#bb165e rgb(187,22,94)
```
#bb7316
```
#bb7316 rgb(187,115,22)
```
#16bb73
```
#16bb73 rgb(22,187,115)
```
#165ebb
```
#165ebb rgb(22,94,187)
```

Tetradic Color

#77490e
```
#77490e rgb(119,73,14)
```
#8d5711
```
#8d5711 rgb(141,87,17)
```
#a46513
```
#a46513 rgb(164,101,19)
```
#bb7316
```
#bb7316 rgb(187,115,22)
```
#d28119
```
#d28119 rgb(210,129,25)
```
#e58f1f
```
#e58f1f rgb(229,143,31)
```
#e79a36
```
#e79a36 rgb(231,154,54)
```

Monochromatic Color

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

#bb4a16
```
#bb4a16 rgb(187,74,22)
```
#bb5816
```
#bb5816 rgb(187,88,22)
```
#bb6516
```
#bb6516 rgb(187,101,22)
```
#bb7316
```
#bb7316 rgb(187,115,22)
```
#bb8116
```
#bb8116 rgb(187,129,22)
```
#bb8f16
```
#bb8f16 rgb(187,143,22)
```
#bb9c16
```
#bb9c16 rgb(187,156,22)
```

Similar Colors

Text with hexadecimal color #bb7316

This text has a font color of #bb7316.

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

#bb7316 background color

This paragraph has a background color of #bb7316.

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

#bb7316 border color

This element has a border color of #bb7316.

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

CSS codes

.text {color:#bb7316;}

.background {background-color:#bb7316;}

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

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

#0b0701
```
#0b0701 rgb(11,7,1)
```
#1d1203
```
#1d1203 rgb(29,18,3)
```
#2f1d05
```
#2f1d05 rgb(47,29,5)
```
#402708
```
#402708 rgb(64,39,8)
```
#52320a
```
#52320a rgb(82,50,10)
```
#633d0c
```
#633d0c rgb(99,61,12)
```
#75480e
```
#75480e rgb(117,72,14)
```
#865310
```
#865310 rgb(134,83,16)
```
#985d12
```
#985d12 rgb(152,93,18)
```
#a96814
```
#a96814 rgb(169,104,20)
```
#bb7316
```
#bb7316 rgb(187,115,22)
```
#cd7e18
```
#cd7e18 rgb(205,126,24)
```
#de891a
```
#de891a rgb(222,137,26)
```

Shade Color Variation

#e69226
```
#e69226 rgb(230,146,38)
```
#e89b38
```
#e89b38 rgb(232,155,56)
```
#eaa449
```
#eaa449 rgb(234,164,73)
```
#ecad5b
```
#ecad5b rgb(236,173,91)
```
#eeb56d
```
#eeb56d rgb(238,181,109)
```
#f0be7e
```
#f0be7e rgb(240,190,126)
```
#f2c790
```
#f2c790 rgb(242,199,144)
```
#f4d0a1
```
#f4d0a1 rgb(244,208,161)
```
#f6d9b3
```
#f6d9b3 rgb(246,217,179)
```
#f8e1c4
```
#f8e1c4 rgb(248,225,196)
```
#faead6
```
#faead6 rgb(250,234,214)
```
#fcf3e7
```
#fcf3e7 rgb(252,243,231)
```
#fefcf9
```
#fefcf9 rgb(254,252,249)
```

Tint Color Variation

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

#6b6966
```
#6b6966 rgb(107,105,102)
```
#736a5e
```
#736a5e rgb(115,106,94)
```
#7b6b56
```
#7b6b56 rgb(123,107,86)
```
#836c4e
```
#836c4e rgb(131,108,78)
```
#8b6d46
```
#8b6d46 rgb(139,109,70)
```
#936e3e
```
#936e3e rgb(147,110,62)
```
#9b6f36
```
#9b6f36 rgb(155,111,54)
```
#a3702e
```
#a3702e rgb(163,112,46)
```
#ab7126
```
#ab7126 rgb(171,113,38)
```
#b3721e
```
#b3721e rgb(179,114,30)
```
#bb7316
```
#bb7316 rgb(187,115,22)
```
#c3740e
```
#c3740e rgb(195,116,14)
```
#cb7506
```
#cb7506 rgb(203,117,6)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#8a7c69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8a26 Protanopia 1% of men
#ac831b Deuteranopia 1% of men
#c3727a Tritanopia 0.001% of the population

Trichromacy

#a68120 Protanomaly 1% of men, 0.01% of women
#b17d19 Deuteranomaly 6% of men, 0.4% of women
#c07255 Tritanomaly 0.01% of the population

#bb7316 hex color

#bb7316 Color Information

#bb7316 Color Conversion

Color Schemes with #bb7316

Alternatives to #bb7316

#bb7316 Preview

Shades and Tints of #bb7316

Tones of #bb7316

Color Blindness Simulator