#bb6100 hex color

In a RGB color space, hex #bb6100 is composed of 73.3% red, 38% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.1% magenta, 100% yellow and 26.7% black. It has a hue angle of 31.1 degrees, a saturation of 100% and a lightness of 36.7%. #bb6100 color hex could be obtained by blending #ffc200 with #770000. Closest websafe color is: #cc6600.

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

● #bb6100 color description : Strong orange.

The hexadecimal color #bb6100 has RGB values of R:187, G:97, B:0 and CMYK values of C:0, M:0.48, Y:1, K:0.27. Its decimal value is 12280064.

Hex triplet	bb6100	`#bb6100`
RGB Decimal	187, 97, 0	`rgb(187,97,0)`
RGB Percent	73.3, 38, 0	`rgb(73.3%,38%,0%)`
CMYK	0, 48, 100, 27
HSL	31.1°, 100, 36.7	`hsl(31.1,100%,36.7%)`
HSV (or HSB)	31.1°, 100, 73.3
Web Safe	cc6600	`#cc6600`

CIE-LAB	50.823, 31.339, 59.249
XYZ	24.769, 19.116, 2.386
xyY	0.535, 0.413, 19.116
CIE-LCH	50.823, 67.027, 62.124
CIE-LUV	50.823, 74.702, 47.276
Hunter-Lab	43.722, 24.608, 27.371
Binary	10111011, 01100001, 00000000

#bb6100
```
#bb6100 rgb(187,97,0)
```
#005abb
```
#005abb rgb(0,90,187)
```

Complementary Color

#bb0400
```
#bb0400 rgb(187,4,0)
```
#bb6100
```
#bb6100 rgb(187,97,0)
```
#b8bb00
```
#b8bb00 rgb(184,187,0)
```

Analogous Color

#0300bb
```
#0300bb rgb(3,0,187)
```
#bb6100
```
#bb6100 rgb(187,97,0)
```
#00b8bb
```
#00b8bb rgb(0,184,187)
```

Split Complementary Color

#6100bb
```
#6100bb rgb(97,0,187)
```
#bb6100
```
#bb6100 rgb(187,97,0)
```
#00bb61
```
#00bb61 rgb(0,187,97)
```

Triadic Color

#bb005a
```
#bb005a rgb(187,0,90)
```
#bb6100
```
#bb6100 rgb(187,97,0)
```
#00bb61
```
#00bb61 rgb(0,187,97)
```
#005abb
```
#005abb rgb(0,90,187)
```

Tetradic Color

#6f3900
```
#6f3900 rgb(111,57,0)
```
#884700
```
#884700 rgb(136,71,0)
```
#a25400
```
#a25400 rgb(162,84,0)
```
#bb6100
```
#bb6100 rgb(187,97,0)
```
#d56e00
```
#d56e00 rgb(213,110,0)
```
#ee7b00
```
#ee7b00 rgb(238,123,0)
```
#ff8808
```
#ff8808 rgb(255,136,8)
```

Monochromatic Color

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

#bb3200
```
#bb3200 rgb(187,50,0)
```
#bb4200
```
#bb4200 rgb(187,66,0)
```
#bb5100
```
#bb5100 rgb(187,81,0)
```
#bb6100
```
#bb6100 rgb(187,97,0)
```
#bb7100
```
#bb7100 rgb(187,113,0)
```
#bb8000
```
#bb8000 rgb(187,128,0)
```
#bb9000
```
#bb9000 rgb(187,144,0)
```

Similar Colors

Text with hexadecimal color #bb6100

This text has a font color of #bb6100.

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

#bb6100 background color

This paragraph has a background color of #bb6100.

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

#bb6100 border color

This element has a border color of #bb6100.

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

CSS codes

.text {color:#bb6100;}

.background {background-color:#bb6100;}

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

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

#0a0500
```
#0a0500 rgb(10,5,0)
```
#1e1000
```
#1e1000 rgb(30,16,0)
```
#321a00
```
#321a00 rgb(50,26,0)
```
#452400
```
#452400 rgb(69,36,0)
```
#592e00
```
#592e00 rgb(89,46,0)
```
#6d3800
```
#6d3800 rgb(109,56,0)
```
#804200
```
#804200 rgb(128,66,0)
```
#944d00
```
#944d00 rgb(148,77,0)
```
#a75700
```
#a75700 rgb(167,87,0)
```
#bb6100
```
#bb6100 rgb(187,97,0)
```
#cf6b00
```
#cf6b00 rgb(207,107,0)
```
#e27500
```
#e27500 rgb(226,117,0)
```
#f68000
```
#f68000 rgb(246,128,0)
```

Shade Color Variation

#ff890a
```
#ff890a rgb(255,137,10)
```
#ff931e
```
#ff931e rgb(255,147,30)
```
#ff9c32
```
#ff9c32 rgb(255,156,50)
```
#ffa645
```
#ffa645 rgb(255,166,69)
```
#ffaf59
```
#ffaf59 rgb(255,175,89)
```
#ffb96d
```
#ffb96d rgb(255,185,109)
```
#ffc280
```
#ffc280 rgb(255,194,128)
```
#ffcb94
```
#ffcb94 rgb(255,203,148)
```
#ffd5a7
```
#ffd5a7 rgb(255,213,167)
```
#ffdebb
```
#ffdebb rgb(255,222,187)
```
#ffe8cf
```
#ffe8cf rgb(255,232,207)
```
#fff1e2
```
#fff1e2 rgb(255,241,226)
```
#fffbf6
```
#fffbf6 rgb(255,251,246)
```

Tint Color Variation

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

#655e56
```
#655e56 rgb(101,94,86)
```
#6c5e4f
```
#6c5e4f rgb(108,94,79)
```
#735e48
```
#735e48 rgb(115,94,72)
```
#7a5f41
```
#7a5f41 rgb(122,95,65)
```
#815f3a
```
#815f3a rgb(129,95,58)
```
#895f32
```
#895f32 rgb(137,95,50)
```
#905f2b
```
#905f2b rgb(144,95,43)
```
#976024
```
#976024 rgb(151,96,36)
```
#9e601d
```
#9e601d rgb(158,96,29)
```
#a56016
```
#a56016 rgb(165,96,22)
```
#ad600e
```
#ad600e rgb(173,96,14)
```
#b46107
```
#b46107 rgb(180,97,7)
```
#bb6100
```
#bb6100 rgb(187,97,0)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#806e5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8012 Protanopia 1% of men
#a07900 Deuteranopia 1% of men
#c16268 Tritanopia 0.001% of the population

Trichromacy

#9f740b Protanomaly 1% of men, 0.01% of women
#a97000 Deuteranomaly 6% of men, 0.4% of women
#bf6142 Tritanomaly 0.01% of the population

#bb6100 hex color

#bb6100 Color Information

#bb6100 Color Conversion

Color Schemes with #bb6100

Alternatives to #bb6100

#bb6100 Preview

Shades and Tints of #bb6100

Tones of #bb6100

Color Blindness Simulator