#bb521c hex color

In a RGB color space, hex #bb521c is composed of 73.3% red, 32.2% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.1% magenta, 85% yellow and 26.7% black. It has a hue angle of 20.4 degrees, a saturation of 74% and a lightness of 42.2%. #bb521c color hex could be obtained by blending #ffa438 with #770000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 73
- G 32
- B 11
RGB color chart
- C 0
- M 56
- Y 85
- K 27
CMYK color chart

● #bb521c color description : Strong orange.

The hexadecimal color #bb521c has RGB values of R:187, G:82, B:28 and CMYK values of C:0, M:0.56, Y:0.85, K:0.27. Its decimal value is 12276252.

Hex triplet	bb521c	`#bb521c`
RGB Decimal	187, 82, 28	`rgb(187,82,28)`
RGB Percent	73.3, 32.2, 11	`rgb(73.3%,32.2%,11%)`
CMYK	0, 56, 85, 27
HSL	20.4°, 74, 42.2	`hsl(20.4,74%,42.2%)`
HSV (or HSB)	20.4°, 85, 73.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	47.861, 39.537, 49.233
XYZ	23.721, 16.686, 3.07
xyY	0.546, 0.384, 16.686
CIE-LCH	47.861, 63.143, 51.233
CIE-LUV	47.861, 85.359, 38.512
Hunter-Lab	40.848, 32.175, 24.137
Binary	10111011, 01010010, 00011100

#bb521c
```
#bb521c rgb(187,82,28)
```
#1c85bb
```
#1c85bb rgb(28,133,187)
```

Complementary Color

#bb1c35
```
#bb1c35 rgb(187,28,53)
```
#bb521c
```
#bb521c rgb(187,82,28)
```
#bba21c
```
#bba21c rgb(187,162,28)
```

Analogous Color

#1c35bb
```
#1c35bb rgb(28,53,187)
```
#bb521c
```
#bb521c rgb(187,82,28)
```
#1cbba2
```
#1cbba2 rgb(28,187,162)
```

Split Complementary Color

#521cbb
```
#521cbb rgb(82,28,187)
```
#bb521c
```
#bb521c rgb(187,82,28)
```
#1cbb52
```
#1cbb52 rgb(28,187,82)
```

Triadic Color

#bb1c85
```
#bb1c85 rgb(187,28,133)
```
#bb521c
```
#bb521c rgb(187,82,28)
```
#1cbb52
```
#1cbb52 rgb(28,187,82)
```
#1c85bb
```
#1c85bb rgb(28,133,187)
```

Tetradic Color

#783512
```
#783512 rgb(120,53,18)
```
#8f3f15
```
#8f3f15 rgb(143,63,21)
```
#a54819
```
#a54819 rgb(165,72,25)
```
#bb521c
```
#bb521c rgb(187,82,28)
```
#d15c1f
```
#d15c1f rgb(209,92,31)
```
#df682b
```
#df682b rgb(223,104,43)
```
#e37841
```
#e37841 rgb(227,120,65)
```

Monochromatic Color

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

#bb2a1c
```
#bb2a1c rgb(187,42,28)
```
#bb381c
```
#bb381c rgb(187,56,28)
```
#bb451c
```
#bb451c rgb(187,69,28)
```
#bb521c
```
#bb521c rgb(187,82,28)
```
#bb5f1c
```
#bb5f1c rgb(187,95,28)
```
#bb6d1c
```
#bb6d1c rgb(187,109,28)
```
#bb7a1c
```
#bb7a1c rgb(187,122,28)
```

Similar Colors

Text with hexadecimal color #bb521c

This text has a font color of #bb521c.

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

#bb521c background color

This paragraph has a background color of #bb521c.

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

#bb521c border color

This element has a border color of #bb521c.

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

CSS codes

.text {color:#bb521c;}

.background {background-color:#bb521c;}

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

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

#100702
```
#100702 rgb(16,7,2)
```
#210f05
```
#210f05 rgb(33,15,5)
```
#331608
```
#331608 rgb(51,22,8)
```
#441e0a
```
#441e0a rgb(68,30,10)
```
#55250d
```
#55250d rgb(85,37,13)
```
#662d0f
```
#662d0f rgb(102,45,15)
```
#773412
```
#773412 rgb(119,52,18)
```
#883c14
```
#883c14 rgb(136,60,20)
```
#994317
```
#994317 rgb(153,67,23)
```
#aa4b19
```
#aa4b19 rgb(170,75,25)
```
#bb521c
```
#bb521c rgb(187,82,28)
```
#cc591f
```
#cc591f rgb(204,89,31)
```
#dd6121
```
#dd6121 rgb(221,97,33)
```

Shade Color Variation

#e06d32
```
#e06d32 rgb(224,109,50)
```
#e37943
```
#e37943 rgb(227,121,67)
```
#e58554
```
#e58554 rgb(229,133,84)
```
#e89165
```
#e89165 rgb(232,145,101)
```
#ea9d76
```
#ea9d76 rgb(234,157,118)
```
#edaa87
```
#edaa87 rgb(237,170,135)
```
#f0b698
```
#f0b698 rgb(240,182,152)
```
#f2c2a9
```
#f2c2a9 rgb(242,194,169)
```
#f5ceba
```
#f5ceba rgb(245,206,186)
```
#f7dacb
```
#f7dacb rgb(247,218,203)
```
#fae6dc
```
#fae6dc rgb(250,230,220)
```
#fcf2ed
```
#fcf2ed rgb(252,242,237)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#716a66
```
#716a66 rgb(113,106,102)
```
#79675e
```
#79675e rgb(121,103,94)
```
#816556
```
#816556 rgb(129,101,86)
```
#89624e
```
#89624e rgb(137,98,78)
```
#925f45
```
#925f45 rgb(146,95,69)
```
#9a5d3d
```
#9a5d3d rgb(154,93,61)
```
#a25a35
```
#a25a35 rgb(162,90,53)
```
#aa572d
```
#aa572d rgb(170,87,45)
```
#b35524
```
#b35524 rgb(179,85,36)
```
#bb521c
```
#bb521c rgb(187,82,28)
```
#c34f14
```
#c34f14 rgb(195,79,20)
```
#cc4d0b
```
#cc4d0b rgb(204,77,11)
```
#d44a03
```
#d44a03 rgb(212,74,3)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#7b665b Atypical Achromatopsia 0.001% of the population

Dichromacy

#86792f Protanopia 1% of men
#96731c Deuteranopia 1% of men
#c0555a Tritanopia 0.001% of the population

Trichromacy

#996a28 Protanomaly 1% of men, 0.01% of women
#a3671c Deuteranomaly 6% of men, 0.4% of women
#be5444 Tritanomaly 0.01% of the population

#bb521c hex color

#bb521c Color Information

#bb521c Color Conversion

Color Schemes with #bb521c

Alternatives to #bb521c

#bb521c Preview

Shades and Tints of #bb521c

Tones of #bb521c

Color Blindness Simulator