colorhexa.com

#bb5a16 hex color

In a RGB color space, hex #bb5a16 is composed of 73.3% red, 35.3% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.9% magenta, 88.2% yellow and 26.7% black. It has a hue angle of 24.7 degrees, a saturation of 78.9% and a lightness of 41%. #bb5a16 color hex could be obtained by blending #ffb42c with #770000. Closest websafe color is: #cc6600.

- R 73
- G 35
- B 9
RGB color chart
- C 0
- M 52
- Y 88
- K 27
CMYK color chart

● #bb5a16 color description : Strong orange.

The hexadecimal color #bb5a16 has RGB values of R:187, G:90, B:22 and CMYK values of C:0, M:0.52, Y:0.88, K:0.27. Its decimal value is 12278294.

Hex triplet	bb5a16	`#bb5a16`
RGB Decimal	187, 90, 22	`rgb(187,90,22)`
RGB Percent	73.3, 35.3, 8.6	`rgb(73.3%,35.3%,8.6%)`
CMYK	0, 52, 88, 27
HSL	24.7°, 78.9, 41	`hsl(24.7,78.9%,41%)`
HSV (or HSB)	24.7°, 88.2, 73.3
Web Safe	cc6600	`#cc6600`

CIE-LAB	49.42, 35.338, 52.779
XYZ	24.295, 17.937, 2.942
xyY	0.538, 0.397, 17.937
CIE-LCH	49.42, 63.517, 56.196
CIE-LUV	49.42, 79.511, 42.338
Hunter-Lab	42.353, 28.279, 25.528
Binary	10111011, 01011010, 00010110

#bb5a16
```
#bb5a16 rgb(187,90,22)
```
#1677bb
```
#1677bb rgb(22,119,187)
```

Complementary Color

#bb1625
```
#bb1625 rgb(187,22,37)
```
#bb5a16
```
#bb5a16 rgb(187,90,22)
```
#bbad16
```
#bbad16 rgb(187,173,22)
```

Analogous Color

#1625bb
```
#1625bb rgb(22,37,187)
```
#bb5a16
```
#bb5a16 rgb(187,90,22)
```
#16bbad
```
#16bbad rgb(22,187,173)
```

Split Complementary Color

#5a16bb
```
#5a16bb rgb(90,22,187)
```
#bb5a16
```
#bb5a16 rgb(187,90,22)
```
#16bb5a
```
#16bb5a rgb(22,187,90)
```

Triadic Color

#bb1677
```
#bb1677 rgb(187,22,119)
```
#bb5a16
```
#bb5a16 rgb(187,90,22)
```
#16bb5a
```
#16bb5a rgb(22,187,90)
```
#1677bb
```
#1677bb rgb(22,119,187)
```

Tetradic Color

#77390e
```
#77390e rgb(119,57,14)
```
#8d4411
```
#8d4411 rgb(141,68,17)
```
#a44f13
```
#a44f13 rgb(164,79,19)
```
#bb5a16
```
#bb5a16 rgb(187,90,22)
```
#d26519
```
#d26519 rgb(210,101,25)
```
#e5711f
```
#e5711f rgb(229,113,31)
```
#e77f36
```
#e77f36 rgb(231,127,54)
```

Monochromatic Color

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

#bb3116
```
#bb3116 rgb(187,49,22)
```
#bb3f16
```
#bb3f16 rgb(187,63,22)
```
#bb4c16
```
#bb4c16 rgb(187,76,22)
```
#bb5a16
```
#bb5a16 rgb(187,90,22)
```
#bb6816
```
#bb6816 rgb(187,104,22)
```
#bb7616
```
#bb7616 rgb(187,118,22)
```
#bb8316
```
#bb8316 rgb(187,131,22)
```

Similar Colors

Text with hexadecimal color #bb5a16

This text has a font color of #bb5a16.

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

#bb5a16 background color

This paragraph has a background color of #bb5a16.

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

#bb5a16 border color

This element has a border color of #bb5a16.

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

CSS codes

.text {color:#bb5a16;}

.background {background-color:#bb5a16;}

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

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, #0b0601 is the darkest color, while #fefbf9 is the lightest one.

#0b0601
```
#0b0601 rgb(11,6,1)
```
#1d0e03
```
#1d0e03 rgb(29,14,3)
```
#2f1605
```
#2f1605 rgb(47,22,5)
```
#401f08
```
#401f08 rgb(64,31,8)
```
#52270a
```
#52270a rgb(82,39,10)
```
#63300c
```
#63300c rgb(99,48,12)
```
#75380e
```
#75380e rgb(117,56,14)
```
#864110
```
#864110 rgb(134,65,16)
```
#984912
```
#984912 rgb(152,73,18)
```
#a95214
```
#a95214 rgb(169,82,20)
```
#bb5a16
```
#bb5a16 rgb(187,90,22)
```
#cd6218
```
#cd6218 rgb(205,98,24)
```
#de6b1a
```
#de6b1a rgb(222,107,26)
```

Shade Color Variation

#e67526
```
#e67526 rgb(230,117,38)
```
#e88038
```
#e88038 rgb(232,128,56)
```
#ea8b49
```
#ea8b49 rgb(234,139,73)
```
#ec975b
```
#ec975b rgb(236,151,91)
```
#eea26d
```
#eea26d rgb(238,162,109)
```
#f0ad7e
```
#f0ad7e rgb(240,173,126)
```
#f2b890
```
#f2b890 rgb(242,184,144)
```
#f4c3a1
```
#f4c3a1 rgb(244,195,161)
```
#f6ceb3
```
#f6ceb3 rgb(246,206,179)
```
#f8dac4
```
#f8dac4 rgb(248,218,196)
```
#fae5d6
```
#fae5d6 rgb(250,229,214)
```
#fcf0e7
```
#fcf0e7 rgb(252,240,231)
```
#fefbf9
```
#fefbf9 rgb(254,251,249)
```

Tint Color Variation

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

#6b6866
```
#6b6866 rgb(107,104,102)
```
#73675e
```
#73675e rgb(115,103,94)
```
#7b6556
```
#7b6556 rgb(123,101,86)
```
#83644e
```
#83644e rgb(131,100,78)
```
#8b6246
```
#8b6246 rgb(139,98,70)
```
#93613e
```
#93613e rgb(147,97,62)
```
#9b6036
```
#9b6036 rgb(155,96,54)
```
#a35e2e
```
#a35e2e rgb(163,94,46)
```
#ab5d26
```
#ab5d26 rgb(171,93,38)
```
#b35b1e
```
#b35b1e rgb(179,91,30)
```
#bb5a16
```
#bb5a16 rgb(187,90,22)
```
#c3590e
```
#c3590e rgb(195,89,14)
```
#cb5706
```
#cb5706 rgb(203,87,6)
```

Tone Color Variation

Below, you can see how #bb5a16 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
#7e6b5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7c28 Protanopia 1% of men
#9b7615 Deuteranopia 1% of men
#c15c62 Tritanopia 0.001% of the population

Trichromacy

#9c7021 Protanomaly 1% of men, 0.01% of women
#a76c15 Deuteranomaly 6% of men, 0.4% of women
#be5b46 Tritanomaly 0.01% of the population