#bb550d hex color

In a RGB color space, hex #bb550d is composed of 73.3% red, 33.3% green and 5.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.5% magenta, 93% yellow and 26.7% black. It has a hue angle of 24.8 degrees, a saturation of 87% and a lightness of 39.2%. #bb550d color hex could be obtained by blending #ffaa1a with #770000. Closest websafe color is: #cc6600.

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

● #bb550d color description : Strong orange.

The hexadecimal color #bb550d has RGB values of R:187, G:85, B:13 and CMYK values of C:0, M:0.55, Y:0.93, K:0.27. Its decimal value is 12277005.

Hex triplet	bb550d	`#bb550d`
RGB Decimal	187, 85, 13	`rgb(187,85,13)`
RGB Percent	73.3, 33.3, 5.1	`rgb(73.3%,33.3%,5.1%)`
CMYK	0, 55, 93, 27
HSL	24.8°, 87, 39.2	`hsl(24.8,87%,39.2%)`
HSV (or HSB)	24.8°, 93, 73.3
Web Safe	cc6600	`#cc6600`

CIE-LAB	48.377, 37.73, 54.717
XYZ	23.816, 17.093, 2.426
xyY	0.55, 0.394, 17.093
CIE-LCH	48.377, 66.464, 55.412
CIE-LUV	48.377, 83.97, 41.993
Hunter-Lab	41.344, 30.471, 25.462
Binary	10111011, 01010101, 00001101

#bb550d
```
#bb550d rgb(187,85,13)
```
#0d73bb
```
#0d73bb rgb(13,115,187)
```

Complementary Color

#bb0d1c
```
#bb0d1c rgb(187,13,28)
```
#bb550d
```
#bb550d rgb(187,85,13)
```
#bbac0d
```
#bbac0d rgb(187,172,13)
```

Analogous Color

#0d1cbb
```
#0d1cbb rgb(13,28,187)
```
#bb550d
```
#bb550d rgb(187,85,13)
```
#0dbbac
```
#0dbbac rgb(13,187,172)
```

Split Complementary Color

#550dbb
```
#550dbb rgb(85,13,187)
```
#bb550d
```
#bb550d rgb(187,85,13)
```
#0dbb55
```
#0dbb55 rgb(13,187,85)
```

Triadic Color

#bb0d73
```
#bb0d73 rgb(187,13,115)
```
#bb550d
```
#bb550d rgb(187,85,13)
```
#0dbb55
```
#0dbb55 rgb(13,187,85)
```
#0d73bb
```
#0d73bb rgb(13,115,187)
```

Tetradic Color

#733408
```
#733408 rgb(115,52,8)
```
#8b3f0a
```
#8b3f0a rgb(139,63,10)
```
#a34a0b
```
#a34a0b rgb(163,74,11)
```
#bb550d
```
#bb550d rgb(187,85,13)
```
#d3600f
```
#d3600f rgb(211,96,15)
```
#eb6b10
```
#eb6b10 rgb(235,107,16)
```
#f07925
```
#f07925 rgb(240,121,37)
```

Monochromatic Color

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

#bb2a0d
```
#bb2a0d rgb(187,42,13)
```
#bb380d
```
#bb380d rgb(187,56,13)
```
#bb470d
```
#bb470d rgb(187,71,13)
```
#bb550d
```
#bb550d rgb(187,85,13)
```
#bb640d
```
#bb640d rgb(187,100,13)
```
#bb720d
```
#bb720d rgb(187,114,13)
```
#bb810d
```
#bb810d rgb(187,129,13)
```

Similar Colors

Text with hexadecimal color #bb550d

This text has a font color of #bb550d.

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

#bb550d background color

This paragraph has a background color of #bb550d.

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

#bb550d border color

This element has a border color of #bb550d.

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

CSS codes

.text {color:#bb550d;}

.background {background-color:#bb550d;}

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

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

#040200
```
#040200 rgb(4,2,0)
```
#160a02
```
#160a02 rgb(22,10,2)
```
#281203
```
#281203 rgb(40,18,3)
```
#3b1b04
```
#3b1b04 rgb(59,27,4)
```
#4d2305
```
#4d2305 rgb(77,35,5)
```
#5f2b07
```
#5f2b07 rgb(95,43,7)
```
#723408
```
#723408 rgb(114,52,8)
```
#843c09
```
#843c09 rgb(132,60,9)
```
#96440a
```
#96440a rgb(150,68,10)
```
#a94d0c
```
#a94d0c rgb(169,77,12)
```
#bb550d
```
#bb550d rgb(187,85,13)
```
#cd5d0e
```
#cd5d0e rgb(205,93,14)
```
#e06610
```
#e06610 rgb(224,102,16)
```

Shade Color Variation

#ef6f14
```
#ef6f14 rgb(239,111,20)
```
#f07a27
```
#f07a27 rgb(240,122,39)
```
#f18539
```
#f18539 rgb(241,133,57)
```
#f3904b
```
#f3904b rgb(243,144,75)
```
#f49c5e
```
#f49c5e rgb(244,156,94)
```
#f5a770
```
#f5a770 rgb(245,167,112)
```
#f6b282
```
#f6b282 rgb(246,178,130)
```
#f8be95
```
#f8be95 rgb(248,190,149)
```
#f9c9a7
```
#f9c9a7 rgb(249,201,167)
```
#fad4b9
```
#fad4b9 rgb(250,212,185)
```
#fbdfcc
```
#fbdfcc rgb(251,223,204)
```
#fdebde
```
#fdebde rgb(253,235,222)
```
#fef6f0
```
#fef6f0 rgb(254,246,240)
```

Tint Color Variation

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

#666462
```
#666462 rgb(102,100,98)
```
#6e625a
```
#6e625a rgb(110,98,90)
```
#766152
```
#766152 rgb(118,97,82)
```
#7d604b
```
#7d604b rgb(125,96,75)
```
#855e43
```
#855e43 rgb(133,94,67)
```
#8d5d3b
```
#8d5d3b rgb(141,93,59)
```
#955c33
```
#955c33 rgb(149,92,51)
```
#9c5a2c
```
#9c5a2c rgb(156,90,44)
```
#a45924
```
#a45924 rgb(164,89,36)
```
#ac581c
```
#ac581c rgb(172,88,28)
```
#b35615
```
#b35615 rgb(179,86,21)
```
#bb550d
```
#bb550d rgb(187,85,13)
```
#c35405
```
#c35405 rgb(195,84,5)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#7b6758 Atypical Achromatopsia 0.001% of the population

Dichromacy

#887a21 Protanopia 1% of men
#987400 Deuteranopia 1% of men
#c0575d Tritanopia 0.001% of the population

Trichromacy

#9a6c19 Protanomaly 1% of men, 0.01% of women
#a56804 Deuteranomaly 6% of men, 0.4% of women
#be5640 Tritanomaly 0.01% of the population

#bb550d hex color

#bb550d Color Information

#bb550d Color Conversion

Color Schemes with #bb550d

Alternatives to #bb550d

#bb550d Preview

Shades and Tints of #bb550d

Tones of #bb550d

Color Blindness Simulator