#bb7131 hex color

In a RGB color space, hex #bb7131 is composed of 73.3% red, 44.3% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.6% magenta, 73.8% yellow and 26.7% black. It has a hue angle of 27.8 degrees, a saturation of 58.5% and a lightness of 46.3%. #bb7131 color hex could be obtained by blending #ffe262 with #770000. Closest websafe color is: #cc6633.

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

● #bb7131 color description : Moderate orange.

The hexadecimal color #bb7131 has RGB values of R:187, G:113, B:49 and CMYK values of C:0, M:0.4, Y:0.74, K:0.27. Its decimal value is 12284209.

Hex triplet	bb7131	`#bb7131`
RGB Decimal	187, 113, 49	`rgb(187,113,49)`
RGB Percent	73.3, 44.3, 19.2	`rgb(73.3%,44.3%,19.2%)`
CMYK	0, 40, 74, 27
HSL	27.8°, 58.5, 46.3	`hsl(27.8,58.5%,46.3%)`
HSV (or HSB)	27.8°, 73.8, 73.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.657, 23.941, 46.362
XYZ	26.954, 22.599, 5.848
xyY	0.487, 0.408, 22.599
CIE-LCH	54.657, 52.179, 62.688
CIE-LUV	54.657, 59.194, 44.083
Hunter-Lab	47.538, 18.016, 25.983
Binary	10111011, 01110001, 00110001

#bb7131
```
#bb7131 rgb(187,113,49)
```
#317bbb
```
#317bbb rgb(49,123,187)
```

Complementary Color

#bb3136
```
#bb3136 rgb(187,49,54)
```
#bb7131
```
#bb7131 rgb(187,113,49)
```
#bbb631
```
#bbb631 rgb(187,182,49)
```

Analogous Color

#3136bb
```
#3136bb rgb(49,54,187)
```
#bb7131
```
#bb7131 rgb(187,113,49)
```
#31bbb6
```
#31bbb6 rgb(49,187,182)
```

Split Complementary Color

#7131bb
```
#7131bb rgb(113,49,187)
```
#bb7131
```
#bb7131 rgb(187,113,49)
```
#31bb71
```
#31bb71 rgb(49,187,113)
```

Triadic Color

#bb317b
```
#bb317b rgb(187,49,123)
```
#bb7131
```
#bb7131 rgb(187,113,49)
```
#31bb71
```
#31bb71 rgb(49,187,113)
```
#317bbb
```
#317bbb rgb(49,123,187)
```

Tetradic Color

#7e4c21
```
#7e4c21 rgb(126,76,33)
```
#935926
```
#935926 rgb(147,89,38)
```
#a7652c
```
#a7652c rgb(167,101,44)
```
#bb7131
```
#bb7131 rgb(187,113,49)
```
#cb7d3a
```
#cb7d3a rgb(203,125,58)
```
#d18b4e
```
#d18b4e rgb(209,139,78)
```
#d69863
```
#d69863 rgb(214,152,99)
```

Monochromatic Color

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

#bb4f31
```
#bb4f31 rgb(187,79,49)
```
#bb5a31
```
#bb5a31 rgb(187,90,49)
```
#bb6631
```
#bb6631 rgb(187,102,49)
```
#bb7131
```
#bb7131 rgb(187,113,49)
```
#bb7d31
```
#bb7d31 rgb(187,125,49)
```
#bb8831
```
#bb8831 rgb(187,136,49)
```
#bb9431
```
#bb9431 rgb(187,148,49)
```

Similar Colors

Text with hexadecimal color #bb7131

This text has a font color of #bb7131.

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

#bb7131 background color

This paragraph has a background color of #bb7131.

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

#bb7131 border color

This element has a border color of #bb7131.

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

CSS codes

.text {color:#bb7131;}

.background {background-color:#bb7131;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#100a04
```
#100a04 rgb(16,10,4)
```
#201308
```
#201308 rgb(32,19,8)
```
#2f1c0c
```
#2f1c0c rgb(47,28,12)
```
#3f2610
```
#3f2610 rgb(63,38,16)
```
#4e2f14
```
#4e2f14 rgb(78,47,20)
```
#5e3919
```
#5e3919 rgb(94,57,25)
```
#6d421d
```
#6d421d rgb(109,66,29)
```
#7d4b21
```
#7d4b21 rgb(125,75,33)
```
#8c5525
```
#8c5525 rgb(140,85,37)
```
#9c5e29
```
#9c5e29 rgb(156,94,41)
```
#ab682d
```
#ab682d rgb(171,104,45)
```
#bb7131
```
#bb7131 rgb(187,113,49)
```

Shade Color Variation

#ca7a35
```
#ca7a35 rgb(202,122,53)
```
#ce8545
```
#ce8545 rgb(206,133,69)
```
#d28f55
```
#d28f55 rgb(210,143,85)
```
#d69964
```
#d69964 rgb(214,153,100)
```
#daa374
```
#daa374 rgb(218,163,116)
```
#dfae83
```
#dfae83 rgb(223,174,131)
```
#e3b893
```
#e3b893 rgb(227,184,147)
```
#e7c2a2
```
#e7c2a2 rgb(231,194,162)
```
#ebccb2
```
#ebccb2 rgb(235,204,178)
```
#efd6c1
```
#efd6c1 rgb(239,214,193)
```
#f3e1d1
```
#f3e1d1 rgb(243,225,209)
```
#f7ebe0
```
#f7ebe0 rgb(247,235,224)
```
#fbf5f0
```
#fbf5f0 rgb(251,245,240)
```

Tint Color Variation

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

#7b7671
```
#7b7671 rgb(123,118,113)
```
#857567
```
#857567 rgb(133,117,103)
```
#8e745e
```
#8e745e rgb(142,116,94)
```
#977455
```
#977455 rgb(151,116,85)
```
#a0734c
```
#a0734c rgb(160,115,76)
```
#a97243
```
#a97243 rgb(169,114,67)
```
#b2723a
```
#b2723a rgb(178,114,58)
```
#bb7131
```
#bb7131 rgb(187,113,49)
```
#c47028
```
#c47028 rgb(196,112,40)
```
#cd701f
```
#cd701f rgb(205,112,31)
```
#d66f16
```
#d66f16 rgb(214,111,22)
```
#df6e0d
```
#df6e0d rgb(223,110,13)
```
#e86e04
```
#e86e04 rgb(232,110,4)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#8c7d70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#978940 Protanopia 1% of men
#a98238 Deuteranopia 1% of men
#c27179 Tritanopia 0.001% of the population

Trichromacy

#a4803a Protanomaly 1% of men, 0.01% of women
#af7c35 Deuteranomaly 6% of men, 0.4% of women
#bf715e Tritanomaly 0.01% of the population

#bb7131 hex color

#bb7131 Color Information

#bb7131 Color Conversion

Color Schemes with #bb7131

Alternatives to #bb7131

#bb7131 Preview

Shades and Tints of #bb7131

Tones of #bb7131

Color Blindness Simulator