#bb4100 hex color

In a RGB color space, hex #bb4100 is composed of 73.3% red, 25.5% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.2% magenta, 100% yellow and 26.7% black. It has a hue angle of 20.9 degrees, a saturation of 100% and a lightness of 36.7%. #bb4100 color hex could be obtained by blending #ff8200 with #770000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 73
- G 25
- B 0
RGB color chart
- C 0
- M 65
- Y 100
- K 27
CMYK color chart

● #bb4100 color description : Strong orange.

The hexadecimal color #bb4100 has RGB values of R:187, G:65, B:0 and CMYK values of C:0, M:0.65, Y:1, K:0.27. Its decimal value is 12271872.

Hex triplet	bb4100	`#bb4100`
RGB Decimal	187, 65, 0	`rgb(187,65,0)`
RGB Percent	73.3, 25.5, 0	`rgb(73.3%,25.5%,0%)`
CMYK	0, 65, 100, 27
HSL	20.9°, 100, 36.7	`hsl(20.9,100%,36.7%)`
HSV (or HSB)	20.9°, 100, 73.3
Web Safe	cc3300	`#cc3300`

CIE-LAB	44.728, 47.017, 55.81
XYZ	22.385, 14.348, 1.591
xyY	0.584, 0.374, 14.348
CIE-LCH	44.728, 72.975, 49.888
CIE-LUV	44.728, 99.77, 37.467
Hunter-Lab	37.879, 39.199, 24.025
Binary	10111011, 01000001, 00000000

#bb4100
```
#bb4100 rgb(187,65,0)
```
#007abb
```
#007abb rgb(0,122,187)
```

Complementary Color

#bb001d
```
#bb001d rgb(187,0,29)
```
#bb4100
```
#bb4100 rgb(187,65,0)
```
#bb9f00
```
#bb9f00 rgb(187,159,0)
```

Analogous Color

#001cbb
```
#001cbb rgb(0,28,187)
```
#bb4100
```
#bb4100 rgb(187,65,0)
```
#00bb9f
```
#00bb9f rgb(0,187,159)
```

Split Complementary Color

#4100bb
```
#4100bb rgb(65,0,187)
```
#bb4100
```
#bb4100 rgb(187,65,0)
```
#00bb41
```
#00bb41 rgb(0,187,65)
```

Triadic Color

#bb007a
```
#bb007a rgb(187,0,122)
```
#bb4100
```
#bb4100 rgb(187,65,0)
```
#00bb41
```
#00bb41 rgb(0,187,65)
```
#007abb
```
#007abb rgb(0,122,187)
```

Tetradic Color

#6f2600
```
#6f2600 rgb(111,38,0)
```
#882f00
```
#882f00 rgb(136,47,0)
```
#a23800
```
#a23800 rgb(162,56,0)
```
#bb4100
```
#bb4100 rgb(187,65,0)
```
#d54a00
```
#d54a00 rgb(213,74,0)
```
#ee5300
```
#ee5300 rgb(238,83,0)
```
#ff5e08
```
#ff5e08 rgb(255,94,8)
```

Monochromatic Color

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

#bb1200
```
#bb1200 rgb(187,18,0)
```
#bb2200
```
#bb2200 rgb(187,34,0)
```
#bb3100
```
#bb3100 rgb(187,49,0)
```
#bb4100
```
#bb4100 rgb(187,65,0)
```
#bb5100
```
#bb5100 rgb(187,81,0)
```
#bb6000
```
#bb6000 rgb(187,96,0)
```
#bb7000
```
#bb7000 rgb(187,112,0)
```

Similar Colors

Text with hexadecimal color #bb4100

This text has a font color of #bb4100.

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

#bb4100 background color

This paragraph has a background color of #bb4100.

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

#bb4100 border color

This element has a border color of #bb4100.

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

CSS codes

.text {color:#bb4100;}

.background {background-color:#bb4100;}

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

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

#0a0400
```
#0a0400 rgb(10,4,0)
```
#1e0a00
```
#1e0a00 rgb(30,10,0)
```
#321100
```
#321100 rgb(50,17,0)
```
#451800
```
#451800 rgb(69,24,0)
```
#591f00
```
#591f00 rgb(89,31,0)
```
#6d2600
```
#6d2600 rgb(109,38,0)
```
#802d00
```
#802d00 rgb(128,45,0)
```
#943300
```
#943300 rgb(148,51,0)
```
#a73a00
```
#a73a00 rgb(167,58,0)
```
#bb4100
```
#bb4100 rgb(187,65,0)
```
#cf4800
```
#cf4800 rgb(207,72,0)
```
#e24f00
```
#e24f00 rgb(226,79,0)
```
#f65500
```
#f65500 rgb(246,85,0)
```

Shade Color Variation

#ff5f0a
```
#ff5f0a rgb(255,95,10)
```
#ff6c1e
```
#ff6c1e rgb(255,108,30)
```
#ff7932
```
#ff7932 rgb(255,121,50)
```
#ff8645
```
#ff8645 rgb(255,134,69)
```
#ff9359
```
#ff9359 rgb(255,147,89)
```
#ff9f6d
```
#ff9f6d rgb(255,159,109)
```
#ffac80
```
#ffac80 rgb(255,172,128)
```
#ffb994
```
#ffb994 rgb(255,185,148)
```
#ffc6a7
```
#ffc6a7 rgb(255,198,167)
```
#ffd3bb
```
#ffd3bb rgb(255,211,187)
```
#ffdfcf
```
#ffdfcf rgb(255,223,207)
```
#ffece2
```
#ffece2 rgb(255,236,226)
```
#fff9f6
```
#fff9f6 rgb(255,249,246)
```

Tint Color Variation

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

#655b56
```
#655b56 rgb(101,91,86)
```
#6c594f
```
#6c594f rgb(108,89,79)
```
#735748
```
#735748 rgb(115,87,72)
```
#7a5541
```
#7a5541 rgb(122,85,65)
```
#81533a
```
#81533a rgb(129,83,58)
```
#895032
```
#895032 rgb(137,80,50)
```
#904e2b
```
#904e2b rgb(144,78,43)
```
#974c24
```
#974c24 rgb(151,76,36)
```
#9e4a1d
```
#9e4a1d rgb(158,74,29)
```
#a54816
```
#a54816 rgb(165,72,22)
```
#ad450e
```
#ad450e rgb(173,69,14)
```
#b44307
```
#b44307 rgb(180,67,7)
```
#bb4100
```
#bb4100 rgb(187,65,0)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#71584b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7115 Protanopia 1% of men
#8d6c00 Deuteranopia 1% of men
#bf4649 Tritanopia 0.001% of the population

Trichromacy

#94600d Protanomaly 1% of men, 0.01% of women
#9e5c00 Deuteranomaly 6% of men, 0.4% of women
#be442e Tritanomaly 0.01% of the population

#bb4100 hex color

#bb4100 Color Information

#bb4100 Color Conversion

Color Schemes with #bb4100

Alternatives to #bb4100

#bb4100 Preview

Shades and Tints of #bb4100

Tones of #bb4100

Color Blindness Simulator