#bb500c hex color

In a RGB color space, hex #bb500c is composed of 73.3% red, 31.4% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.2% magenta, 93.6% yellow and 26.7% black. It has a hue angle of 23.3 degrees, a saturation of 87.9% and a lightness of 39%. #bb500c color hex could be obtained by blending #ffa018 with #770000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 73
- G 31
- B 5
RGB color chart
- C 0
- M 57
- Y 94
- K 27
CMYK color chart

● #bb500c color description : Strong orange.

The hexadecimal color #bb500c has RGB values of R:187, G:80, B:12 and CMYK values of C:0, M:0.57, Y:0.94, K:0.27. Its decimal value is 12275724.

Hex triplet	bb500c	`#bb500c`
RGB Decimal	187, 80, 12	`rgb(187,80,12)`
RGB Percent	73.3, 31.4, 4.7	`rgb(73.3%,31.4%,4.7%)`
CMYK	0, 57, 94, 27
HSL	23.3°, 87.9, 39	`hsl(23.3,87.9%,39%)`
HSV (or HSB)	23.3°, 93.6, 73.3
Web Safe	cc6600	`#cc6600`

CIE-LAB	47.406, 40.204, 54.305
XYZ	23.43, 16.331, 2.266
xyY	0.557, 0.389, 16.331
CIE-LCH	47.406, 67.568, 53.486
CIE-LUV	47.406, 87.95, 40.525
Hunter-Lab	40.412, 32.768, 24.963
Binary	10111011, 01010000, 00001100

#bb500c
```
#bb500c rgb(187,80,12)
```
#0c77bb
```
#0c77bb rgb(12,119,187)
```

Complementary Color

#bb0c1f
```
#bb0c1f rgb(187,12,31)
```
#bb500c
```
#bb500c rgb(187,80,12)
```
#bba80c
```
#bba80c rgb(187,168,12)
```

Analogous Color

#0c1fbb
```
#0c1fbb rgb(12,31,187)
```
#bb500c
```
#bb500c rgb(187,80,12)
```
#0cbba8
```
#0cbba8 rgb(12,187,168)
```

Split Complementary Color

#500cbb
```
#500cbb rgb(80,12,187)
```
#bb500c
```
#bb500c rgb(187,80,12)
```
#0cbb50
```
#0cbb50 rgb(12,187,80)
```

Triadic Color

#bb0c77
```
#bb0c77 rgb(187,12,119)
```
#bb500c
```
#bb500c rgb(187,80,12)
```
#0cbb50
```
#0cbb50 rgb(12,187,80)
```
#0c77bb
```
#0c77bb rgb(12,119,187)
```

Tetradic Color

#733107
```
#733107 rgb(115,49,7)
```
#8b3b09
```
#8b3b09 rgb(139,59,9)
```
#a3460a
```
#a3460a rgb(163,70,10)
```
#bb500c
```
#bb500c rgb(187,80,12)
```
#d35a0e
```
#d35a0e rgb(211,90,14)
```
#eb650f
```
#eb650f rgb(235,101,15)
```
#f17323
```
#f17323 rgb(241,115,35)
```

Monochromatic Color

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

#bb240c
```
#bb240c rgb(187,36,12)
```
#bb330c
```
#bb330c rgb(187,51,12)
```
#bb410c
```
#bb410c rgb(187,65,12)
```
#bb500c
```
#bb500c rgb(187,80,12)
```
#bb5f0c
```
#bb5f0c rgb(187,95,12)
```
#bb6d0c
```
#bb6d0c rgb(187,109,12)
```
#bb7c0c
```
#bb7c0c rgb(187,124,12)
```

Similar Colors

Text with hexadecimal color #bb500c

This text has a font color of #bb500c.

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

#bb500c background color

This paragraph has a background color of #bb500c.

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

#bb500c border color

This element has a border color of #bb500c.

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

CSS codes

.text {color:#bb500c;}

.background {background-color:#bb500c;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#150901
```
#150901 rgb(21,9,1)
```
#281103
```
#281103 rgb(40,17,3)
```
#3a1904
```
#3a1904 rgb(58,25,4)
```
#4c2105
```
#4c2105 rgb(76,33,5)
```
#5f2906
```
#5f2906 rgb(95,41,6)
```
#713007
```
#713007 rgb(113,48,7)
```
#843808
```
#843808 rgb(132,56,8)
```
#96400a
```
#96400a rgb(150,64,10)
```
#a9480b
```
#a9480b rgb(169,72,11)
```
#bb500c
```
#bb500c rgb(187,80,12)
```
#cd580d
```
#cd580d rgb(205,88,13)
```
#e0600e
```
#e0600e rgb(224,96,14)
```

Shade Color Variation

#f06812
```
#f06812 rgb(240,104,18)
```
#f17424
```
#f17424 rgb(241,116,36)
```
#f28037
```
#f28037 rgb(242,128,55)
```
#f38b49
```
#f38b49 rgb(243,139,73)
```
#f5975c
```
#f5975c rgb(245,151,92)
```
#f6a36e
```
#f6a36e rgb(246,163,110)
```
#f7af81
```
#f7af81 rgb(247,175,129)
```
#f8ba93
```
#f8ba93 rgb(248,186,147)
```
#f9c6a6
```
#f9c6a6 rgb(249,198,166)
```
#fad2b8
```
#fad2b8 rgb(250,210,184)
```
#fcdeca
```
#fcdeca rgb(252,222,202)
```
#fde9dd
```
#fde9dd rgb(253,233,221)
```
#fef5ef
```
#fef5ef rgb(254,245,239)
```

Tint Color Variation

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

#676360
```
#676360 rgb(103,99,96)
```
#6e6159
```
#6e6159 rgb(110,97,89)
```
#765f51
```
#765f51 rgb(118,95,81)
```
#7e5e49
```
#7e5e49 rgb(126,94,73)
```
#855c42
```
#855c42 rgb(133,92,66)
```
#8d5a3a
```
#8d5a3a rgb(141,90,58)
```
#955932
```
#955932 rgb(149,89,50)
```
#9c572b
```
#9c572b rgb(156,87,43)
```
#a45523
```
#a45523 rgb(164,85,35)
```
#ac531b
```
#ac531b rgb(172,83,27)
```
#b35214
```
#b35214 rgb(179,82,20)
```
#bb500c
```
#bb500c rgb(187,80,12)
```
#c34e04
```
#c34e04 rgb(195,78,4)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#796356 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867820 Protanopia 1% of men
#957200 Deuteranopia 1% of men
#c05358 Tritanopia 0.001% of the population

Trichromacy

#996919 Protanomaly 1% of men, 0.01% of women
#a36504 Deuteranomaly 6% of men, 0.4% of women
#be523c Tritanomaly 0.01% of the population

#bb500c hex color

#bb500c Color Information

#bb500c Color Conversion

Color Schemes with #bb500c

Alternatives to #bb500c

#bb500c Preview

Shades and Tints of #bb500c

Tones of #bb500c

Color Blindness Simulator