colorhexa.com

#bb5c34 hex color

In a RGB color space, hex #bb5c34 is composed of 73.3% red, 36.1% green and 20.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.8% magenta, 72.2% yellow and 26.7% black. It has a hue angle of 17.8 degrees, a saturation of 56.5% and a lightness of 46.9%. #bb5c34 color hex could be obtained by blending #ffb868 with #770000. Closest websafe color is: #cc6633.

- R 73
- G 36
- B 20
RGB color chart
- C 0
- M 51
- Y 72
- K 27
CMYK color chart

● #bb5c34 color description : Moderate orange.

The hexadecimal color #bb5c34 has RGB values of R:187, G:92, B:52 and CMYK values of C:0, M:0.51, Y:0.72, K:0.27. Its decimal value is 12278836.

Hex triplet	bb5c34	`#bb5c34`
RGB Decimal	187, 92, 52	`rgb(187,92,52)`
RGB Percent	73.3, 36.1, 20.4	`rgb(73.3%,36.1%,20.4%)`
CMYK	0, 51, 72, 27
HSL	17.8°, 56.5, 46.9	`hsl(17.8,56.5%,46.9%)`
HSV (or HSB)	17.8°, 72.2, 73.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	50.06, 35.365, 39.965
XYZ	24.941, 18.469, 5.5
xyY	0.51, 0.378, 18.469
CIE-LCH	50.06, 53.366, 48.494
CIE-LUV	50.06, 75.11, 34.876
Hunter-Lab	42.976, 28.386, 22.495
Binary	10111011, 01011100, 00110100

#bb5c34
```
#bb5c34 rgb(187,92,52)
```
#3493bb
```
#3493bb rgb(52,147,187)
```

Complementary Color

#bb3450
```
#bb3450 rgb(187,52,80)
```
#bb5c34
```
#bb5c34 rgb(187,92,52)
```
#bba034
```
#bba034 rgb(187,160,52)
```

Analogous Color

#3450bb
```
#3450bb rgb(52,80,187)
```
#bb5c34
```
#bb5c34 rgb(187,92,52)
```
#34bba0
```
#34bba0 rgb(52,187,160)
```

Split Complementary Color

#5c34bb
```
#5c34bb rgb(92,52,187)
```
#bb5c34
```
#bb5c34 rgb(187,92,52)
```
#34bb5c
```
#34bb5c rgb(52,187,92)
```

Triadic Color

#bb3493
```
#bb3493 rgb(187,52,147)
```
#bb5c34
```
#bb5c34 rgb(187,92,52)
```
#34bb5c
```
#34bb5c rgb(52,187,92)
```
#3493bb
```
#3493bb rgb(52,147,187)
```

Tetradic Color

#7f3f23
```
#7f3f23 rgb(127,63,35)
```
#934829
```
#934829 rgb(147,72,41)
```
#a7522e
```
#a7522e rgb(167,82,46)
```
#bb5c34
```
#bb5c34 rgb(187,92,52)
```
#ca683f
```
#ca683f rgb(202,104,63)
```
#cf7853
```
#cf7853 rgb(207,120,83)
```
#d58767
```
#d58767 rgb(213,135,103)
```

Monochromatic Color

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

#bb3a34
```
#bb3a34 rgb(187,58,52)
```
#bb4534
```
#bb4534 rgb(187,69,52)
```
#bb5134
```
#bb5134 rgb(187,81,52)
```
#bb5c34
```
#bb5c34 rgb(187,92,52)
```
#bb6734
```
#bb6734 rgb(187,103,52)
```
#bb7334
```
#bb7334 rgb(187,115,52)
```
#bb7e34
```
#bb7e34 rgb(187,126,52)
```

Similar Colors

Text with hexadecimal color #bb5c34

This text has a font color of #bb5c34.

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

#bb5c34 background color

This paragraph has a background color of #bb5c34.

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

#bb5c34 border color

This element has a border color of #bb5c34.

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

CSS codes

.text {color:#bb5c34;}

.background {background-color:#bb5c34;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#120905
```
#120905 rgb(18,9,5)
```
#221009
```
#221009 rgb(34,16,9)
```
#31180e
```
#31180e rgb(49,24,14)
```
#402012
```
#402012 rgb(64,32,18)
```
#502716
```
#502716 rgb(80,39,22)
```
#5f2f1a
```
#5f2f1a rgb(95,47,26)
```
#6e361f
```
#6e361f rgb(110,54,31)
```
#7e3e23
```
#7e3e23 rgb(126,62,35)
```
#8d4527
```
#8d4527 rgb(141,69,39)
```
#9c4d2b
```
#9c4d2b rgb(156,77,43)
```
#ac5430
```
#ac5430 rgb(172,84,48)
```
#bb5c34
```
#bb5c34 rgb(187,92,52)
```

Shade Color Variation

#c8643a
```
#c8643a rgb(200,100,58)
```
#cd704a
```
#cd704a rgb(205,112,74)
```
#d17d59
```
#d17d59 rgb(209,125,89)
```
#d58968
```
#d58968 rgb(213,137,104)
```
#d99578
```
#d99578 rgb(217,149,120)
```
#dea187
```
#dea187 rgb(222,161,135)
```
#e2ad96
```
#e2ad96 rgb(226,173,150)
```
#e6b9a6
```
#e6b9a6 rgb(230,185,166)
```
#eac5b5
```
#eac5b5 rgb(234,197,181)
```
#efd1c4
```
#efd1c4 rgb(239,209,196)
```
#f3ddd4
```
#f3ddd4 rgb(243,221,212)
```
#f7e9e3
```
#f7e9e3 rgb(247,233,227)
```
#fcf5f2
```
#fcf5f2 rgb(252,245,242)
```

Tint Color Variation

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

#7b7674
```
#7b7674 rgb(123,118,116)
```
#84726b
```
#84726b rgb(132,114,107)
```
#8d6f62
```
#8d6f62 rgb(141,111,98)
```
#966b59
```
#966b59 rgb(150,107,89)
```
#9f6750
```
#9f6750 rgb(159,103,80)
```
#a96346
```
#a96346 rgb(169,99,70)
```
#b2603d
```
#b2603d rgb(178,96,61)
```
#bb5c34
```
#bb5c34 rgb(187,92,52)
```
#c4582b
```
#c4582b rgb(196,88,43)
```
#cd5522
```
#cd5522 rgb(205,85,34)
```
#d75118
```
#d75118 rgb(215,81,24)
```
#e04d0f
```
#e04d0f rgb(224,77,15)
```
#e94906
```
#e94906 rgb(233,73,6)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#826f67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a7e46 Protanopia 1% of men
#9b7838 Deuteranopia 1% of men
#c05f65 Tritanopia 0.001% of the population

Trichromacy

#9c713f Protanomaly 1% of men, 0.01% of women
#a66e36 Deuteranomaly 6% of men, 0.4% of women
#be5e53 Tritanomaly 0.01% of the population