#bb5820 hex color

In a RGB color space, hex #bb5820 is composed of 73.3% red, 34.5% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.9% magenta, 82.9% yellow and 26.7% black. It has a hue angle of 21.7 degrees, a saturation of 70.8% and a lightness of 42.9%. #bb5820 color hex could be obtained by blending #ffb040 with #770000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 73
- G 35
- B 13
RGB color chart
- C 0
- M 53
- Y 83
- K 27
CMYK color chart

● #bb5820 color description : Strong orange.

The hexadecimal color #bb5820 has RGB values of R:187, G:88, B:32 and CMYK values of C:0, M:0.53, Y:0.83, K:0.27. Its decimal value is 12277792.

Hex triplet	bb5820	`#bb5820`
RGB Decimal	187, 88, 32	`rgb(187,88,32)`
RGB Percent	73.3, 34.5, 12.5	`rgb(73.3%,34.5%,12.5%)`
CMYK	0, 53, 83, 27
HSL	21.7°, 70.8, 42.9	`hsl(21.7,70.8%,42.9%)`
HSV (or HSB)	21.7°, 82.9, 73.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	49.07, 36.627, 48.618
XYZ	24.245, 17.651, 3.497
xyY	0.534, 0.389, 17.651
CIE-LCH	49.07, 60.871, 53.007
CIE-LUV	49.07, 80.355, 39.6
Hunter-Lab	42.013, 29.486, 24.474
Binary	10111011, 01011000, 00100000

#bb5820
```
#bb5820 rgb(187,88,32)
```
#2083bb
```
#2083bb rgb(32,131,187)
```

Complementary Color

#bb2036
```
#bb2036 rgb(187,32,54)
```
#bb5820
```
#bb5820 rgb(187,88,32)
```
#bba620
```
#bba620 rgb(187,166,32)
```

Analogous Color

#2036bb
```
#2036bb rgb(32,54,187)
```
#bb5820
```
#bb5820 rgb(187,88,32)
```
#20bba6
```
#20bba6 rgb(32,187,166)
```

Split Complementary Color

#5820bb
```
#5820bb rgb(88,32,187)
```
#bb5820
```
#bb5820 rgb(187,88,32)
```
#20bb58
```
#20bb58 rgb(32,187,88)
```

Triadic Color

#bb2083
```
#bb2083 rgb(187,32,131)
```
#bb5820
```
#bb5820 rgb(187,88,32)
```
#20bb58
```
#20bb58 rgb(32,187,88)
```
#2083bb
```
#2083bb rgb(32,131,187)
```

Tetradic Color

#7a3915
```
#7a3915 rgb(122,57,21)
```
#8f4419
```
#8f4419 rgb(143,68,25)
```
#a54e1c
```
#a54e1c rgb(165,78,28)
```
#bb5820
```
#bb5820 rgb(187,88,32)
```
#d16224
```
#d16224 rgb(209,98,36)
```
#dc6f32
```
#dc6f32 rgb(220,111,50)
```
#e07f48
```
#e07f48 rgb(224,127,72)
```

Monochromatic Color

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

#bb3120
```
#bb3120 rgb(187,49,32)
```
#bb3e20
```
#bb3e20 rgb(187,62,32)
```
#bb4b20
```
#bb4b20 rgb(187,75,32)
```
#bb5820
```
#bb5820 rgb(187,88,32)
```
#bb6520
```
#bb6520 rgb(187,101,32)
```
#bb7220
```
#bb7220 rgb(187,114,32)
```
#bb7f20
```
#bb7f20 rgb(187,127,32)
```

Similar Colors

Text with hexadecimal color #bb5820

This text has a font color of #bb5820.

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

#bb5820 background color

This paragraph has a background color of #bb5820.

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

#bb5820 border color

This element has a border color of #bb5820.

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

CSS codes

.text {color:#bb5820;}

.background {background-color:#bb5820;}

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

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 #fdf5f1 is the lightest one.

#030100
```
#030100 rgb(3,1,0)
```
#140903
```
#140903 rgb(20,9,3)
```
#241106
```
#241106 rgb(36,17,6)
```
#351909
```
#351909 rgb(53,25,9)
```
#46210c
```
#46210c rgb(70,33,12)
```
#57290f
```
#57290f rgb(87,41,15)
```
#673112
```
#673112 rgb(103,49,18)
```
#783815
```
#783815 rgb(120,56,21)
```
#894017
```
#894017 rgb(137,64,23)
```
#9a481a
```
#9a481a rgb(154,72,26)
```
#aa501d
```
#aa501d rgb(170,80,29)
```
#bb5820
```
#bb5820 rgb(187,88,32)
```
#cc6023
```
#cc6023 rgb(204,96,35)
```

Shade Color Variation

#da6828
```
#da6828 rgb(218,104,40)
```
#dd7439
```
#dd7439 rgb(221,116,57)
```
#e0804a
```
#e0804a rgb(224,128,74)
```
#e38c5a
```
#e38c5a rgb(227,140,90)
```
#e6976b
```
#e6976b rgb(230,151,107)
```
#e9a37c
```
#e9a37c rgb(233,163,124)
```
#ebaf8d
```
#ebaf8d rgb(235,175,141)
```
#eebb9d
```
#eebb9d rgb(238,187,157)
```
#f1c6ae
```
#f1c6ae rgb(241,198,174)
```
#f4d2bf
```
#f4d2bf rgb(244,210,191)
```
#f7ded0
```
#f7ded0 rgb(247,222,208)
```
#fae9e0
```
#fae9e0 rgb(250,233,224)
```
#fdf5f1
```
#fdf5f1 rgb(253,245,241)
```

Tint Color Variation

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

#6f6d6c
```
#6f6d6c rgb(111,109,108)
```
#786b63
```
#786b63 rgb(120,107,99)
```
#80685b
```
#80685b rgb(128,104,91)
```
#886653
```
#886653 rgb(136,102,83)
```
#91644a
```
#91644a rgb(145,100,74)
```
#996142
```
#996142 rgb(153,97,66)
```
#a25f39
```
#a25f39 rgb(162,95,57)
```
#aa5d31
```
#aa5d31 rgb(170,93,49)
```
#b35a28
```
#b35a28 rgb(179,90,40)
```
#bb5820
```
#bb5820 rgb(187,88,32)
```
#c35618
```
#c35618 rgb(195,86,24)
```
#cc530f
```
#cc530f rgb(204,83,15)
```
#d45107
```
#d45107 rgb(212,81,7)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#7e6a5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#897b32 Protanopia 1% of men
#9a7522 Deuteranopia 1% of men
#c05b60 Tritanopia 0.001% of the population

Trichromacy

#9b6e2b Protanomaly 1% of men, 0.01% of women
#a66b21 Deuteranomaly 6% of men, 0.4% of women
#be5a49 Tritanomaly 0.01% of the population

#bb5820 hex color

#bb5820 Color Information

#bb5820 Color Conversion

Color Schemes with #bb5820

Alternatives to #bb5820

#bb5820 Preview

Shades and Tints of #bb5820

Tones of #bb5820

Color Blindness Simulator