#bb5f18 hex color

In a RGB color space, hex #bb5f18 is composed of 73.3% red, 37.3% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.2% magenta, 87.2% yellow and 26.7% black. It has a hue angle of 26.1 degrees, a saturation of 77.3% and a lightness of 41.4%. #bb5f18 color hex could be obtained by blending #ffbe30 with #770000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 73
- G 37
- B 9
RGB color chart
- C 0
- M 49
- Y 87
- K 27
CMYK color chart

● #bb5f18 color description : Strong orange.

The hexadecimal color #bb5f18 has RGB values of R:187, G:95, B:24 and CMYK values of C:0, M:0.49, Y:0.87, K:0.27. Its decimal value is 12279576.

Hex triplet	bb5f18	`#bb5f18`
RGB Decimal	187, 95, 24	`rgb(187,95,24)`
RGB Percent	73.3, 37.3, 9.4	`rgb(73.3%,37.3%,9.4%)`
CMYK	0, 49, 87, 27
HSL	26.1°, 77.3, 41.4	`hsl(26.1,77.3%,41.4%)`
HSV (or HSB)	26.1°, 87.2, 73.3
Web Safe	cc6600	`#cc6600`

CIE-LAB	50.473, 32.773, 52.935
XYZ	24.752, 18.817, 3.193
xyY	0.529, 0.402, 18.817
CIE-LCH	50.473, 62.259, 58.237
CIE-LUV	50.473, 75.382, 43.701
Hunter-Lab	43.379, 25.936, 26.001
Binary	10111011, 01011111, 00011000

#bb5f18
```
#bb5f18 rgb(187,95,24)
```
#1874bb
```
#1874bb rgb(24,116,187)
```

Complementary Color

#bb1822
```
#bb1822 rgb(187,24,34)
```
#bb5f18
```
#bb5f18 rgb(187,95,24)
```
#bbb118
```
#bbb118 rgb(187,177,24)
```

Analogous Color

#1822bb
```
#1822bb rgb(24,34,187)
```
#bb5f18
```
#bb5f18 rgb(187,95,24)
```
#18bbb1
```
#18bbb1 rgb(24,187,177)
```

Split Complementary Color

#5f18bb
```
#5f18bb rgb(95,24,187)
```
#bb5f18
```
#bb5f18 rgb(187,95,24)
```
#18bb5f
```
#18bb5f rgb(24,187,95)
```

Triadic Color

#bb1874
```
#bb1874 rgb(187,24,116)
```
#bb5f18
```
#bb5f18 rgb(187,95,24)
```
#18bb5f
```
#18bb5f rgb(24,187,95)
```
#1874bb
```
#1874bb rgb(24,116,187)
```

Tetradic Color

#773d0f
```
#773d0f rgb(119,61,15)
```
#8e4812
```
#8e4812 rgb(142,72,18)
```
#a45415
```
#a45415 rgb(164,84,21)
```
#bb5f18
```
#bb5f18 rgb(187,95,24)
```
#d26a1b
```
#d26a1b rgb(210,106,27)
```
#e37723
```
#e37723 rgb(227,119,35)
```
#e6853a
```
#e6853a rgb(230,133,58)
```

Monochromatic Color

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

#bb3618
```
#bb3618 rgb(187,54,24)
```
#bb4418
```
#bb4418 rgb(187,68,24)
```
#bb5118
```
#bb5118 rgb(187,81,24)
```
#bb5f18
```
#bb5f18 rgb(187,95,24)
```
#bb6d18
```
#bb6d18 rgb(187,109,24)
```
#bb7a18
```
#bb7a18 rgb(187,122,24)
```
#bb8818
```
#bb8818 rgb(187,136,24)
```

Similar Colors

Text with hexadecimal color #bb5f18

This text has a font color of #bb5f18.

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

#bb5f18 background color

This paragraph has a background color of #bb5f18.

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

#bb5f18 border color

This element has a border color of #bb5f18.

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

CSS codes

.text {color:#bb5f18;}

.background {background-color:#bb5f18;}

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

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

#0d0702
```
#0d0702 rgb(13,7,2)
```
#1f1004
```
#1f1004 rgb(31,16,4)
```
#301806
```
#301806 rgb(48,24,6)
```
#412108
```
#412108 rgb(65,33,8)
```
#532a0b
```
#532a0b rgb(83,42,11)
```
#64330d
```
#64330d rgb(100,51,13)
```
#753c0f
```
#753c0f rgb(117,60,15)
```
#874511
```
#874511 rgb(135,69,17)
```
#984d14
```
#984d14 rgb(152,77,20)
```
#aa5616
```
#aa5616 rgb(170,86,22)
```
#bb5f18
```
#bb5f18 rgb(187,95,24)
```
#cc681a
```
#cc681a rgb(204,104,26)
```
#de711c
```
#de711c rgb(222,113,28)
```

Shade Color Variation

#e47b2a
```
#e47b2a rgb(228,123,42)
```
#e6863c
```
#e6863c rgb(230,134,60)
```
#e8914d
```
#e8914d rgb(232,145,77)
```
#ea9b5e
```
#ea9b5e rgb(234,155,94)
```
#eda670
```
#eda670 rgb(237,166,112)
```
#efb181
```
#efb181 rgb(239,177,129)
```
#f1bc92
```
#f1bc92 rgb(241,188,146)
```
#f3c6a4
```
#f3c6a4 rgb(243,198,164)
```
#f6d1b5
```
#f6d1b5 rgb(246,209,181)
```
#f8dcc7
```
#f8dcc7 rgb(248,220,199)
```
#fae7d8
```
#fae7d8 rgb(250,231,216)
```
#fcf2e9
```
#fcf2e9 rgb(252,242,233)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#6a6969
```
#6a6969 rgb(106,105,105)
```
#726861
```
#726861 rgb(114,104,97)
```
#7a6759
```
#7a6759 rgb(122,103,89)
```
#826651
```
#826651 rgb(130,102,81)
```
#8a6549
```
#8a6549 rgb(138,101,73)
```
#926441
```
#926441 rgb(146,100,65)
```
#9b6338
```
#9b6338 rgb(155,99,56)
```
#a36230
```
#a36230 rgb(163,98,48)
```
#ab6128
```
#ab6128 rgb(171,97,40)
```
#b36020
```
#b36020 rgb(179,96,32)
```
#bb5f18
```
#bb5f18 rgb(187,95,24)
```
#c35e10
```
#c35e10 rgb(195,94,16)
```
#cb5d08
```
#cb5d08 rgb(203,93,8)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#816e60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d7f2a Protanopia 1% of men
#9e7919 Deuteranopia 1% of men
#c16167 Tritanopia 0.001% of the population

Trichromacy

#9e7323 Protanomaly 1% of men, 0.01% of women
#a96f19 Deuteranomaly 6% of men, 0.4% of women
#bf604a Tritanomaly 0.01% of the population

#bb5f18 hex color

#bb5f18 Color Information

#bb5f18 Color Conversion

Color Schemes with #bb5f18

Alternatives to #bb5f18

#bb5f18 Preview

Shades and Tints of #bb5f18

Tones of #bb5f18

Color Blindness Simulator