#bb551e hex color

In a RGB color space, hex #bb551e is composed of 73.3% red, 33.3% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.5% magenta, 84% yellow and 26.7% black. It has a hue angle of 21 degrees, a saturation of 72.4% and a lightness of 42.5%. #bb551e color hex could be obtained by blending #ffaa3c with #770000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 73
- G 33
- B 12
RGB color chart
- C 0
- M 55
- Y 84
- K 27
CMYK color chart

● #bb551e color description : Strong orange.

The hexadecimal color #bb551e has RGB values of R:187, G:85, B:30 and CMYK values of C:0, M:0.55, Y:0.84, K:0.27. Its decimal value is 12277022.

Hex triplet	bb551e	`#bb551e`
RGB Decimal	187, 85, 30	`rgb(187,85,30)`
RGB Percent	73.3, 33.3, 11.8	`rgb(73.3%,33.3%,11.8%)`
CMYK	0, 55, 84, 27
HSL	21°, 72.4, 42.5	`hsl(21,72.4%,42.5%)`
HSV (or HSB)	21°, 84, 73.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.458, 38.092, 48.921
XYZ	23.977, 17.158, 3.277
xyY	0.54, 0.386, 17.158
CIE-LCH	48.458, 62.002, 52.094
CIE-LUV	48.458, 82.867, 39.055
Hunter-Lab	41.422, 30.837, 24.304
Binary	10111011, 01010101, 00011110

#bb551e
```
#bb551e rgb(187,85,30)
```
#1e84bb
```
#1e84bb rgb(30,132,187)
```

Complementary Color

#bb1e35
```
#bb1e35 rgb(187,30,53)
```
#bb551e
```
#bb551e rgb(187,85,30)
```
#bba41e
```
#bba41e rgb(187,164,30)
```

Analogous Color

#1e36bb
```
#1e36bb rgb(30,54,187)
```
#bb551e
```
#bb551e rgb(187,85,30)
```
#1ebba4
```
#1ebba4 rgb(30,187,164)
```

Split Complementary Color

#551ebb
```
#551ebb rgb(85,30,187)
```
#bb551e
```
#bb551e rgb(187,85,30)
```
#1ebb55
```
#1ebb55 rgb(30,187,85)
```

Triadic Color

#bb1e84
```
#bb1e84 rgb(187,30,132)
```
#bb551e
```
#bb551e rgb(187,85,30)
```
#1ebb55
```
#1ebb55 rgb(30,187,85)
```
#1e84bb
```
#1e84bb rgb(30,132,187)
```

Tetradic Color

#793713
```
#793713 rgb(121,55,19)
```
#8f4117
```
#8f4117 rgb(143,65,23)
```
#a54b1a
```
#a54b1a rgb(165,75,26)
```
#bb551e
```
#bb551e rgb(187,85,30)
```
#d15f22
```
#d15f22 rgb(209,95,34)
```
#de6c2e
```
#de6c2e rgb(222,108,46)
```
#e17b44
```
#e17b44 rgb(225,123,68)
```

Monochromatic Color

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

#bb2e1e
```
#bb2e1e rgb(187,46,30)
```
#bb3b1e
```
#bb3b1e rgb(187,59,30)
```
#bb481e
```
#bb481e rgb(187,72,30)
```
#bb551e
```
#bb551e rgb(187,85,30)
```
#bb621e
```
#bb621e rgb(187,98,30)
```
#bb6f1e
```
#bb6f1e rgb(187,111,30)
```
#bb7c1e
```
#bb7c1e rgb(187,124,30)
```

Similar Colors

Text with hexadecimal color #bb551e

This text has a font color of #bb551e.

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

#bb551e background color

This paragraph has a background color of #bb551e.

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

#bb551e border color

This element has a border color of #bb551e.

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

CSS codes

.text {color:#bb551e;}

.background {background-color:#bb551e;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120803
```
#120803 rgb(18,8,3)
```
#231006
```
#231006 rgb(35,16,6)
```
#341808
```
#341808 rgb(52,24,8)
```
#451f0b
```
#451f0b rgb(69,31,11)
```
#56270e
```
#56270e rgb(86,39,14)
```
#662f10
```
#662f10 rgb(102,47,16)
```
#773613
```
#773613 rgb(119,54,19)
```
#883e16
```
#883e16 rgb(136,62,22)
```
#994619
```
#994619 rgb(153,70,25)
```
#aa4d1b
```
#aa4d1b rgb(170,77,27)
```
#bb551e
```
#bb551e rgb(187,85,30)
```
#cc5d21
```
#cc5d21 rgb(204,93,33)
```

Shade Color Variation

#dc6524
```
#dc6524 rgb(220,101,36)
```
#df7135
```
#df7135 rgb(223,113,53)
```
#e17c46
```
#e17c46 rgb(225,124,70)
```
#e48857
```
#e48857 rgb(228,136,87)
```
#e79468
```
#e79468 rgb(231,148,104)
```
#e9a079
```
#e9a079 rgb(233,160,121)
```
#ecac8a
```
#ecac8a rgb(236,172,138)
```
#efb89b
```
#efb89b rgb(239,184,155)
```
#f2c4ac
```
#f2c4ac rgb(242,196,172)
```
#f4d0bc
```
#f4d0bc rgb(244,208,188)
```
#f7dccd
```
#f7dccd rgb(247,220,205)
```
#fae8de
```
#fae8de rgb(250,232,222)
```
#fcf4ef
```
#fcf4ef rgb(252,244,239)
```

Tint Color Variation

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

#706b69
```
#706b69 rgb(112,107,105)
```
#786961
```
#786961 rgb(120,105,97)
```
#816658
```
#816658 rgb(129,102,88)
```
#896450
```
#896450 rgb(137,100,80)
```
#916148
```
#916148 rgb(145,97,72)
```
#9a5f3f
```
#9a5f3f rgb(154,95,63)
```
#a25c37
```
#a25c37 rgb(162,92,55)
```
#aa5a2f
```
#aa5a2f rgb(170,90,47)
```
#b35726
```
#b35726 rgb(179,87,38)
```
#bb551e
```
#bb551e rgb(187,85,30)
```
#c35316
```
#c35316 rgb(195,83,22)
```
#cc500d
```
#cc500d rgb(204,80,13)
```
#d44e05
```
#d44e05 rgb(212,78,5)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#7d685d Atypical Achromatopsia 0.001% of the population

Dichromacy

#877a31 Protanopia 1% of men
#98741f Deuteranopia 1% of men
#c0585d Tritanopia 0.001% of the population

Trichromacy

#9a6c2a Protanomaly 1% of men, 0.01% of women
#a5691f Deuteranomaly 6% of men, 0.4% of women
#be5746 Tritanomaly 0.01% of the population

#bb551e hex color

#bb551e Color Information

#bb551e Color Conversion

Color Schemes with #bb551e

Alternatives to #bb551e

#bb551e Preview

Shades and Tints of #bb551e

Tones of #bb551e

Color Blindness Simulator