#bb5511 Color Hex Bloodhound

Information about Bloodhound Color | #0000FF

#bb5511 color RGB value is (187,85,17). #bb5511 color name is Bloodhound color.

#bb5511 hex color red value is 187 , green value is 85 and the blue value of its RGB is 17 . Cylindrical-coordinate representations (also known as HSL) of color #bb5511 hue: 24 , saturation: 83 and the lightness value of #bb5511 is 40

The process color (four color CMYK) of #bb5511 color hex is 0 , 21 ,36, 10 .

#bb5511

~Bloodhound

Color Converions

HEX
#bb5511
RGB
187,85,17
LAB
49,40,54
CMYK
0,55,91,27
LCH
49,67,54
XYZ
24,17,3
HSV
24,91,73
HSL
24,83,40

Base Numbers

Base Red Green Blue
Binary 10111011 1010101 10001
Octal 273 125 21
Decimal 187 85 17
Hex bb 55 11

RGB Percentages of Color #bb5511

73%
33%
7%

CMYK Percentages of Color #bb5511

0%
36%
21%
10%

Color Variations

View this color variations of shades, tints, tones, hues and temperatures.

Shades of #bb5511

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.

10%
#bb5511
20%
#a84d0f
30%
#96440e
40%
#833c0c
50%
#70330a
60%
#5d2b08
70%
#4b2207
80%
#381a05
90%
#251103
100%
#130902

Tints of #bb5511

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.

10%
#bb5511
20%
#c26629
30%
#c97741
40%
#cf8858
50%
#d69970
60%
#ddaa88
70%
#e4bba0
80%
#ebccb8
90%
#f1ddcf
100%
#f8eee7

Tones of #bb5511

A tone is created by adding gray to a base color, increasing its lightness. Tones looks more sophisticated and complex than base colors.

10%
#bb5511
20%
#b5591c
30%
#af5e27
40%
#a96232
50%
#a3663d
60%
#9d6a48
70%
#976e53
80%
#91735e
90%
#8b7769
100%
#857b74

Color harmonies

Color harmonies are pleasing color schemes created according to their position on a color wheel.

Analogous

Colors of the same luminance and saturation with hues that are adjacent on the color wheel, 30 degrees apart. Smooth transitions.
#bb5511
#bb1111
#bb3311
#bb5511
#bb7711
#bb9911

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#bb5511
#1177bb

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#bb5511
#55bb11
#1111bb

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#bb5511
#11bb55
#5511bb

Tetradic

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#bb5511
#22bb11
#1177bb
#aa11bb

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#bb5511
#e56815
#110802
#3b1b05
#662e09
#90420d

Blindness simulator

Check how a color is perceived by color blind people to create accessible designs.

Normal

#bb5511

protanopia

#81731f

deuteranopia

#926c03

tritanopia

#bc5055

achromatopsia

#666666

protanomaly

#96681a

deuteranomaly

#a16408

achromatopsia

#666666

tritanomaly

#bc523c

achromatomaly

#856047

Contrast Checker

Verify the contrast of a text on white and black backgrounds.

White background

Good 5/21
Hello World ! 5

Black background-color

Poor 4/21
Hello World !

#bb5511 Color CSS Codes

.bgcolor {background-color:#bb5511; } 
.forecolor {color:#bb5511; }
.bordercolor {border:3px solid #bb5511; }
            

#bb5511 Text Font Color

<div style="color:#bb5511">
Div content here</div>

This sample text font color is #bb5511
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#bb5511 Background Color

<div style="background-color:#bb5511">
Div content here</div>
Div content here

#bb5511 Border Color

<div style="border:3px solid #bb5511">
Div here</div>

This div border color is #bb5511

#bb5511 Color CSS Codes Examples

.textShadowRgb {
  text-shadow: 4px 4px 2px #bb5511; } 
.textShadowHex { 
  text-shadow: 4px 4px 2px #bb5511; }
.divShadow { 
  -moz-box-shadow: 1px 1px 3px 2px #bb5511;
  -webkit-box-shadow: 1px 1px 3px 2px #bb5511;
  box-shadow: 1px 1px 3px 2px #bb5511; }
            

Text Shadow with Hex Values

<p style="text-shadow: 4px 4px 2px #bb5511">Text here</p>
            

This text has shadow with hex values.


Div Box Shadow

<div style="-moz-box-shadow: 1px 1px 3px 2px #bb5511;
              -webkit-box-shadow: 1px 1px 3px 2px #bb5511;
              box-shadow:         1px 1px 3px 2px #bb5511#bb5511">
Div content here</div>

This div box has shadow with color #bb5511

More Colors

Brocade
#8c87c5
Candy Mix
#f3dfe3
Kettleman
#606061
A Bloomed Cherry Blossom
#ffccda
Bagpiper
#1c5544
Bone-Chilling
#e1f2f0
Creamy Axolotl
#ffdae8
Janna
#f4ebd3
Nǎi Yóu Sè Cream
#fdedc3
Polly
#ffcaa4
Hint of Yellow
#faf1cd
Bauhaus Buff
#cfb49e
Luscious Purple
#605c71
Candle Glow
#ffe8c3
Goblin Eyes
#eb8931
Green Trance
#a0d9a3
Pinkish
#d46a7e
Gold Pheasant
#c6795f
Cherry Tart
#933d3e
Golden Cricket
#d7b056
Crêpe Papier
#dbd7c4
Namibia
#7c6d61
Planet of the Apes
#883333
Corally
#fea89f
Astrolabe Reef
#2d96ce
Pink Blossom
#fbe9dd
Buckthorn Brown
#a76f1f
Fruit Red
#fa8970
Furious Fuchsia
#ee2277
Elite Wisteria
#987fa9
Fire Flower
#f68f37
Loofah
#e3d3b5
Barnfloor
#9c9480
Copper Harbor
#d57e52
Eternity
#2d2f28
Back to Nature
#bdb98f
Always Green Grass
#11aa00
Laudable Lime
#8cbf6f
Melodic White
#eee8e8
Bonfire Flame
#ce4e35
rating-img
Rate this tool
NaN/5   0 votes