#bb5526 hex color

In a RGB color space, hex #bb5526 is composed of 73.3% red, 33.3% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.5% magenta, 79.7% yellow and 26.7% black. It has a hue angle of 18.9 degrees, a saturation of 66.2% and a lightness of 44.1%. #bb5526 color hex could be obtained by blending #ffaa4c with #770000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 73
- G 33
- B 15
RGB color chart
- C 0
- M 55
- Y 80
- K 27
CMYK color chart

● #bb5526 color description : Strong orange.

The hexadecimal color #bb5526 has RGB values of R:187, G:85, B:38 and CMYK values of C:0, M:0.55, Y:0.8, K:0.27. Its decimal value is 12277030.

Hex triplet	bb5526	`#bb5526`
RGB Decimal	187, 85, 38	`rgb(187,85,38)`
RGB Percent	73.3, 33.3, 14.9	`rgb(73.3%,33.3%,14.9%)`
CMYK	0, 55, 80, 27
HSL	18.9°, 66.2, 44.1	`hsl(18.9,66.2%,44.1%)`
HSV (or HSB)	18.9°, 79.7, 73.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.516, 38.349, 45.389
XYZ	24.093, 17.204, 3.886
xyY	0.533, 0.381, 17.204
CIE-LCH	48.516, 59.42, 49.805
CIE-LUV	48.516, 82.096, 36.996
Hunter-Lab	41.478, 31.097, 23.48
Binary	10111011, 01010101, 00100110

#bb5526
```
#bb5526 rgb(187,85,38)
```
#268cbb
```
#268cbb rgb(38,140,187)
```

Complementary Color

#bb2642
```
#bb2642 rgb(187,38,66)
```
#bb5526
```
#bb5526 rgb(187,85,38)
```
#bba026
```
#bba026 rgb(187,160,38)
```

Analogous Color

#2642bb
```
#2642bb rgb(38,66,187)
```
#bb5526
```
#bb5526 rgb(187,85,38)
```
#26bba0
```
#26bba0 rgb(38,187,160)
```

Split Complementary Color

#5526bb
```
#5526bb rgb(85,38,187)
```
#bb5526
```
#bb5526 rgb(187,85,38)
```
#26bb55
```
#26bb55 rgb(38,187,85)
```

Triadic Color

#bb268c
```
#bb268c rgb(187,38,140)
```
#bb5526
```
#bb5526 rgb(187,85,38)
```
#26bb55
```
#26bb55 rgb(38,187,85)
```
#268cbb
```
#268cbb rgb(38,140,187)
```

Tetradic Color

#7b3819
```
#7b3819 rgb(123,56,25)
```
#91421d
```
#91421d rgb(145,66,29)
```
#a64b22
```
#a64b22 rgb(166,75,34)
```
#bb5526
```
#bb5526 rgb(187,85,38)
```
#d05f2a
```
#d05f2a rgb(208,95,42)
```
#d76d3d
```
#d76d3d rgb(215,109,61)
```
#dc7d52
```
#dc7d52 rgb(220,125,82)
```

Monochromatic Color

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

#bb3026
```
#bb3026 rgb(187,48,38)
```
#bb3c26
```
#bb3c26 rgb(187,60,38)
```
#bb4926
```
#bb4926 rgb(187,73,38)
```
#bb5526
```
#bb5526 rgb(187,85,38)
```
#bb6126
```
#bb6126 rgb(187,97,38)
```
#bb6e26
```
#bb6e26 rgb(187,110,38)
```
#bb7a26
```
#bb7a26 rgb(187,122,38)
```

Similar Colors

Text with hexadecimal color #bb5526

This text has a font color of #bb5526.

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

#bb5526 background color

This paragraph has a background color of #bb5526.

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

#bb5526 border color

This element has a border color of #bb5526.

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

CSS codes

.text {color:#bb5526;}

.background {background-color:#bb5526;}

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

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

#080302
```
#080302 rgb(8,3,2)
```
#180b05
```
#180b05 rgb(24,11,5)
```
#281208
```
#281208 rgb(40,18,8)
```
#391a0b
```
#391a0b rgb(57,26,11)
```
#49210f
```
#49210f rgb(73,33,15)
```
#592912
```
#592912 rgb(89,41,18)
```
#693015
```
#693015 rgb(105,48,21)
```
#7a3719
```
#7a3719 rgb(122,55,25)
```
#8a3f1c
```
#8a3f1c rgb(138,63,28)
```
#9a461f
```
#9a461f rgb(154,70,31)
```
#ab4e23
```
#ab4e23 rgb(171,78,35)
```
#bb5526
```
#bb5526 rgb(187,85,38)
```
#cb5c29
```
#cb5c29 rgb(203,92,41)
```

Shade Color Variation

#d56633
```
#d56633 rgb(213,102,51)
```
#d97243
```
#d97243 rgb(217,114,67)
```
#dc7e53
```
#dc7e53 rgb(220,126,83)
```
#df8b64
```
#df8b64 rgb(223,139,100)
```
#e39774
```
#e39774 rgb(227,151,116)
```
#e6a384
```
#e6a384 rgb(230,163,132)
```
#e9af95
```
#e9af95 rgb(233,175,149)
```
#edbca5
```
#edbca5 rgb(237,188,165)
```
#f0c8b5
```
#f0c8b5 rgb(240,200,181)
```
#f3d4c5
```
#f3d4c5 rgb(243,212,197)
```
#f7e0d6
```
#f7e0d6 rgb(247,224,214)
```
#faece6
```
#faece6 rgb(250,236,230)
```
#fdf9f6
```
#fdf9f6 rgb(253,249,246)
```

Tint Color Variation

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

#766f6b
```
#766f6b rgb(118,111,107)
```
#7e6b63
```
#7e6b63 rgb(126,107,99)
```
#87685a
```
#87685a rgb(135,104,90)
```
#906551
```
#906551 rgb(144,101,81)
```
#986249
```
#986249 rgb(152,98,73)
```
#a15f40
```
#a15f40 rgb(161,95,64)
```
#aa5b37
```
#aa5b37 rgb(170,91,55)
```
#b2582f
```
#b2582f rgb(178,88,47)
```
#bb5526
```
#bb5526 rgb(187,85,38)
```
#c4521d
```
#c4521d rgb(196,82,29)
```
#cc4f15
```
#cc4f15 rgb(204,79,21)
```
#d54b0c
```
#d54b0c rgb(213,75,12)
```
#de4803
```
#de4803 rgb(222,72,3)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#7d6960 Atypical Achromatopsia 0.001% of the population

Dichromacy

#877a39 Protanopia 1% of men
#987429 Deuteranopia 1% of men
#c0585e Tritanopia 0.001% of the population

Trichromacy

#9a6c32 Protanomaly 1% of men, 0.01% of women
#a46928 Deuteranomaly 6% of men, 0.4% of women
#be5749 Tritanomaly 0.01% of the population

#bb5526 hex color

#bb5526 Color Information

#bb5526 Color Conversion

Color Schemes with #bb5526

Alternatives to #bb5526

#bb5526 Preview

Shades and Tints of #bb5526

Tones of #bb5526

Color Blindness Simulator