#bb6c20 hex color

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

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

● #bb6c20 color description : Strong orange.

The hexadecimal color #bb6c20 has RGB values of R:187, G:108, B:32 and CMYK values of C:0, M:0.42, Y:0.83, K:0.27. Its decimal value is 12282912.

Hex triplet	bb6c20	`#bb6c20`
RGB Decimal	187, 108, 32	`rgb(187,108,32)`
RGB Percent	73.3, 42.4, 12.5	`rgb(73.3%,42.4%,12.5%)`
CMYK	0, 42, 83, 27
HSL	29.4°, 70.8, 42.9	`hsl(29.4,70.8%,42.9%)`
HSV (or HSB)	29.4°, 82.9, 73.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.381, 26.009, 52.472
XYZ	26.118, 21.396, 4.121
xyY	0.506, 0.414, 21.396
CIE-LCH	53.381, 58.565, 63.633
CIE-LUV	53.381, 64.412, 46.791
Hunter-Lab	46.256, 19.838, 27.097
Binary	10111011, 01101100, 00100000

#bb6c20
```
#bb6c20 rgb(187,108,32)
```
#206fbb
```
#206fbb rgb(32,111,187)
```

Complementary Color

#bb2022
```
#bb2022 rgb(187,32,34)
```
#bb6c20
```
#bb6c20 rgb(187,108,32)
```
#bbba20
```
#bbba20 rgb(187,186,32)
```

Analogous Color

#2022bb
```
#2022bb rgb(32,34,187)
```
#bb6c20
```
#bb6c20 rgb(187,108,32)
```
#20bbba
```
#20bbba rgb(32,187,186)
```

Split Complementary Color

#6c20bb
```
#6c20bb rgb(108,32,187)
```
#bb6c20
```
#bb6c20 rgb(187,108,32)
```
#20bb6c
```
#20bb6c rgb(32,187,108)
```

Triadic Color

#bb206f
```
#bb206f rgb(187,32,111)
```
#bb6c20
```
#bb6c20 rgb(187,108,32)
```
#20bb6c
```
#20bb6c rgb(32,187,108)
```
#206fbb
```
#206fbb rgb(32,111,187)
```

Tetradic Color

#7a4615
```
#7a4615 rgb(122,70,21)
```
#8f5319
```
#8f5319 rgb(143,83,25)
```
#a55f1c
```
#a55f1c rgb(165,95,28)
```
#bb6c20
```
#bb6c20 rgb(187,108,32)
```
#d17924
```
#d17924 rgb(209,121,36)
```
#dc8532
```
#dc8532 rgb(220,133,50)
```
#e09248
```
#e09248 rgb(224,146,72)
```

Monochromatic Color

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

#bb4520
```
#bb4520 rgb(187,69,32)
```
#bb5220
```
#bb5220 rgb(187,82,32)
```
#bb5f20
```
#bb5f20 rgb(187,95,32)
```
#bb6c20
```
#bb6c20 rgb(187,108,32)
```
#bb7920
```
#bb7920 rgb(187,121,32)
```
#bb8620
```
#bb8620 rgb(187,134,32)
```
#bb9320
```
#bb9320 rgb(187,147,32)
```

Similar Colors

Text with hexadecimal color #bb6c20

This text has a font color of #bb6c20.

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

#bb6c20 background color

This paragraph has a background color of #bb6c20.

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

#bb6c20 border color

This element has a border color of #bb6c20.

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

CSS codes

.text {color:#bb6c20;}

.background {background-color:#bb6c20;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#140b03
```
#140b03 rgb(20,11,3)
```
#241506
```
#241506 rgb(36,21,6)
```
#351f09
```
#351f09 rgb(53,31,9)
```
#46280c
```
#46280c rgb(70,40,12)
```
#57320f
```
#57320f rgb(87,50,15)
```
#673c12
```
#673c12 rgb(103,60,18)
```
#784515
```
#784515 rgb(120,69,21)
```
#894f17
```
#894f17 rgb(137,79,23)
```
#9a591a
```
#9a591a rgb(154,89,26)
```
#aa621d
```
#aa621d rgb(170,98,29)
```
#bb6c20
```
#bb6c20 rgb(187,108,32)
```
#cc7623
```
#cc7623 rgb(204,118,35)
```

Shade Color Variation

#da7f28
```
#da7f28 rgb(218,127,40)
```
#dd8939
```
#dd8939 rgb(221,137,57)
```
#e0934a
```
#e0934a rgb(224,147,74)
```
#e39d5a
```
#e39d5a rgb(227,157,90)
```
#e6a76b
```
#e6a76b rgb(230,167,107)
```
#e9b17c
```
#e9b17c rgb(233,177,124)
```
#ebbb8d
```
#ebbb8d rgb(235,187,141)
```
#eec59d
```
#eec59d rgb(238,197,157)
```
#f1cfae
```
#f1cfae rgb(241,207,174)
```
#f4d9bf
```
#f4d9bf rgb(244,217,191)
```
#f7e3d0
```
#f7e3d0 rgb(247,227,208)
```
#faede0
```
#faede0 rgb(250,237,224)
```
#fdf7f1
```
#fdf7f1 rgb(253,247,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 #d46c07 is the most saturated one.

#6f6d6c
```
#6f6d6c rgb(111,109,108)
```
#786d63
```
#786d63 rgb(120,109,99)
```
#806d5b
```
#806d5b rgb(128,109,91)
```
#886d53
```
#886d53 rgb(136,109,83)
```
#916d4a
```
#916d4a rgb(145,109,74)
```
#996d42
```
#996d42 rgb(153,109,66)
```
#a26c39
```
#a26c39 rgb(162,108,57)
```
#aa6c31
```
#aa6c31 rgb(170,108,49)
```
#b36c28
```
#b36c28 rgb(179,108,40)
```
#bb6c20
```
#bb6c20 rgb(187,108,32)
```
#c36c18
```
#c36c18 rgb(195,108,24)
```
#cc6c0f
```
#cc6c0f rgb(204,108,15)
```
#d46c07
```
#d46c07 rgb(212,108,7)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#887869 Atypical Achromatopsia 0.001% of the population

Dichromacy

#958630 Protanopia 1% of men
#a77f25 Deuteranopia 1% of men
#c26c73 Tritanopia 0.001% of the population

Trichromacy

#a37c2a Protanomaly 1% of men, 0.01% of women
#ae7823 Deuteranomaly 6% of men, 0.4% of women
#bf6c55 Tritanomaly 0.01% of the population

#bb6c20 hex color

#bb6c20 Color Information

#bb6c20 Color Conversion

Color Schemes with #bb6c20

Alternatives to #bb6c20

#bb6c20 Preview

Shades and Tints of #bb6c20

Tones of #bb6c20

Color Blindness Simulator