#bb7031 hex color

In a RGB color space, hex #bb7031 is composed of 73.3% red, 43.9% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.1% magenta, 73.8% yellow and 26.7% black. It has a hue angle of 27.4 degrees, a saturation of 58.5% and a lightness of 46.3%. #bb7031 color hex could be obtained by blending #ffe062 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

● #bb7031 color description : Moderate orange.

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

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

CIE-LAB	54.425, 24.49, 46.122
XYZ	26.843, 22.377, 5.811
xyY	0.488, 0.407, 22.377
CIE-LCH	54.425, 52.22, 62.032
CIE-LUV	54.425, 59.975, 43.683
Hunter-Lab	47.304, 18.507, 25.829
Binary	10111011, 01110000, 00110001

#bb7031
```
#bb7031 rgb(187,112,49)
```
#317cbb
```
#317cbb rgb(49,124,187)
```

Complementary Color

#bb3137
```
#bb3137 rgb(187,49,55)
```
#bb7031
```
#bb7031 rgb(187,112,49)
```
#bbb531
```
#bbb531 rgb(187,181,49)
```

Analogous Color

#3137bb
```
#3137bb rgb(49,55,187)
```
#bb7031
```
#bb7031 rgb(187,112,49)
```
#31bbb5
```
#31bbb5 rgb(49,187,181)
```

Split Complementary Color

#7031bb
```
#7031bb rgb(112,49,187)
```
#bb7031
```
#bb7031 rgb(187,112,49)
```
#31bb70
```
#31bb70 rgb(49,187,112)
```

Triadic Color

#bb317c
```
#bb317c rgb(187,49,124)
```
#bb7031
```
#bb7031 rgb(187,112,49)
```
#31bb70
```
#31bb70 rgb(49,187,112)
```
#317cbb
```
#317cbb rgb(49,124,187)
```

Tetradic Color

#7e4c21
```
#7e4c21 rgb(126,76,33)
```
#935826
```
#935826 rgb(147,88,38)
```
#a7642c
```
#a7642c rgb(167,100,44)
```
#bb7031
```
#bb7031 rgb(187,112,49)
```
#cb7c3a
```
#cb7c3a rgb(203,124,58)
```
#d18a4e
```
#d18a4e rgb(209,138,78)
```
#d69763
```
#d69763 rgb(214,151,99)
```

Monochromatic Color

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

#bb4e31
```
#bb4e31 rgb(187,78,49)
```
#bb5931
```
#bb5931 rgb(187,89,49)
```
#bb6531
```
#bb6531 rgb(187,101,49)
```
#bb7031
```
#bb7031 rgb(187,112,49)
```
#bb7c31
```
#bb7c31 rgb(187,124,49)
```
#bb8731
```
#bb8731 rgb(187,135,49)
```
#bb9331
```
#bb9331 rgb(187,147,49)
```

Similar Colors

Text with hexadecimal color #bb7031

This text has a font color of #bb7031.

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

#bb7031 background color

This paragraph has a background color of #bb7031.

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

#bb7031 border color

This element has a border color of #bb7031.

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

CSS codes

.text {color:#bb7031;}

.background {background-color:#bb7031;}

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

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)
```
#5e3819
```
#5e3819 rgb(94,56,25)
```
#6d411d
```
#6d411d rgb(109,65,29)
```
#7d4b21
```
#7d4b21 rgb(125,75,33)
```
#8c5425
```
#8c5425 rgb(140,84,37)
```
#9c5d29
```
#9c5d29 rgb(156,93,41)
```
#ab672d
```
#ab672d rgb(171,103,45)
```
#bb7031
```
#bb7031 rgb(187,112,49)
```

Shade Color Variation

#ca7935
```
#ca7935 rgb(202,121,53)
```
#ce8445
```
#ce8445 rgb(206,132,69)
```
#d28e55
```
#d28e55 rgb(210,142,85)
```
#d69864
```
#d69864 rgb(214,152,100)
```
#daa374
```
#daa374 rgb(218,163,116)
```
#dfad83
```
#dfad83 rgb(223,173,131)
```
#e3b793
```
#e3b793 rgb(227,183,147)
```
#e7c1a2
```
#e7c1a2 rgb(231,193,162)
```
#ebccb2
```
#ebccb2 rgb(235,204,178)
```
#efd6c1
```
#efd6c1 rgb(239,214,193)
```
#f3e0d1
```
#f3e0d1 rgb(243,224,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 #e86c04 is the most saturated one.

#7b7671
```
#7b7671 rgb(123,118,113)
```
#857567
```
#857567 rgb(133,117,103)
```
#8e745e
```
#8e745e rgb(142,116,94)
```
#977355
```
#977355 rgb(151,115,85)
```
#a0724c
```
#a0724c rgb(160,114,76)
```
#a97243
```
#a97243 rgb(169,114,67)
```
#b2713a
```
#b2713a rgb(178,113,58)
```
#bb7031
```
#bb7031 rgb(187,112,49)
```
#c46f28
```
#c46f28 rgb(196,111,40)
```
#cd6e1f
```
#cd6e1f rgb(205,110,31)
```
#d66e16
```
#d66e16 rgb(214,110,22)
```
#df6d0d
```
#df6d0d rgb(223,109,13)
```
#e86c04
```
#e86c04 rgb(232,108,4)
```

Tone Color Variation

Below, you can see how #bb7031 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
#8b7c6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#978840 Protanopia 1% of men
#a88237 Deuteranopia 1% of men
#c27078 Tritanopia 0.001% of the population

Trichromacy

#a47f3a Protanomaly 1% of men, 0.01% of women
#af7b35 Deuteranomaly 6% of men, 0.4% of women
#bf705e Tritanomaly 0.01% of the population

#bb7031 hex color

#bb7031 Color Information

#bb7031 Color Conversion

Color Schemes with #bb7031

Alternatives to #bb7031

#bb7031 Preview

Shades and Tints of #bb7031

Tones of #bb7031

Color Blindness Simulator