colorhexa.com

#bb3f18 hex color

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

- R 73
- G 25
- B 9
RGB color chart
- C 0
- M 66
- Y 87
- K 27
CMYK color chart

● #bb3f18 color description : Strong red.

The hexadecimal color #bb3f18 has RGB values of R:187, G:63, B:24 and CMYK values of C:0, M:0.66, Y:0.87, K:0.27. Its decimal value is 12271384.

Hex triplet	bb3f18	`#bb3f18`
RGB Decimal	187, 63, 24	`rgb(187,63,24)`
RGB Percent	73.3, 24.7, 9.4	`rgb(73.3%,24.7%,9.4%)`
CMYK	0, 66, 87, 27
HSL	14.4°, 77.3, 41.4	`hsl(14.4,77.3%,41.4%)`
HSV (or HSB)	14.4°, 87.2, 73.3
Web Safe	cc3300	`#cc3300`

CIE-LAB	44.502, 48.231, 48.072
XYZ	22.437, 14.188, 2.421
xyY	0.575, 0.363, 14.188
CIE-LCH	44.502, 68.096, 44.905
CIE-LUV	44.502, 99.63, 33.661
Hunter-Lab	37.667, 40.407, 22.556
Binary	10111011, 00111111, 00011000

#bb3f18
```
#bb3f18 rgb(187,63,24)
```
#1894bb
```
#1894bb rgb(24,148,187)
```

Complementary Color

#bb1842
```
#bb1842 rgb(187,24,66)
```
#bb3f18
```
#bb3f18 rgb(187,63,24)
```
#bb9118
```
#bb9118 rgb(187,145,24)
```

Analogous Color

#1842bb
```
#1842bb rgb(24,66,187)
```
#bb3f18
```
#bb3f18 rgb(187,63,24)
```
#18bb91
```
#18bb91 rgb(24,187,145)
```

Split Complementary Color

#3f18bb
```
#3f18bb rgb(63,24,187)
```
#bb3f18
```
#bb3f18 rgb(187,63,24)
```
#18bb3f
```
#18bb3f rgb(24,187,63)
```

Triadic Color

#bb1894
```
#bb1894 rgb(187,24,148)
```
#bb3f18
```
#bb3f18 rgb(187,63,24)
```
#18bb3f
```
#18bb3f rgb(24,187,63)
```
#1894bb
```
#1894bb rgb(24,148,187)
```

Tetradic Color

#77280f
```
#77280f rgb(119,40,15)
```
#8e3012
```
#8e3012 rgb(142,48,18)
```
#a43715
```
#a43715 rgb(164,55,21)
```
#bb3f18
```
#bb3f18 rgb(187,63,24)
```
#d2471b
```
#d2471b rgb(210,71,27)
```
#e35123
```
#e35123 rgb(227,81,35)
```
#e6633a
```
#e6633a rgb(230,99,58)
```

Monochromatic Color

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

#bb181a
```
#bb181a rgb(187,24,26)
```
#bb2418
```
#bb2418 rgb(187,36,24)
```
#bb3118
```
#bb3118 rgb(187,49,24)
```
#bb3f18
```
#bb3f18 rgb(187,63,24)
```
#bb4d18
```
#bb4d18 rgb(187,77,24)
```
#bb5a18
```
#bb5a18 rgb(187,90,24)
```
#bb6818
```
#bb6818 rgb(187,104,24)
```

Similar Colors

Text with hexadecimal color #bb3f18

This text has a font color of #bb3f18.

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

#bb3f18 background color

This paragraph has a background color of #bb3f18.

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

#bb3f18 border color

This element has a border color of #bb3f18.

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

CSS codes

.text {color:#bb3f18;}

.background {background-color:#bb3f18;}

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

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

#0d0402
```
#0d0402 rgb(13,4,2)
```
#1f0a04
```
#1f0a04 rgb(31,10,4)
```
#301006
```
#301006 rgb(48,16,6)
```
#411608
```
#411608 rgb(65,22,8)
```
#531c0b
```
#531c0b rgb(83,28,11)
```
#64220d
```
#64220d rgb(100,34,13)
```
#75280f
```
#75280f rgb(117,40,15)
```
#872d11
```
#872d11 rgb(135,45,17)
```
#983314
```
#983314 rgb(152,51,20)
```
#aa3916
```
#aa3916 rgb(170,57,22)
```
#bb3f18
```
#bb3f18 rgb(187,63,24)
```
#cc451a
```
#cc451a rgb(204,69,26)
```
#de4b1c
```
#de4b1c rgb(222,75,28)
```

Shade Color Variation

#e4572a
```
#e4572a rgb(228,87,42)
```
#e6643c
```
#e6643c rgb(230,100,60)
```
#e8724d
```
#e8724d rgb(232,114,77)
```
#ea805e
```
#ea805e rgb(234,128,94)
```
#ed8e70
```
#ed8e70 rgb(237,142,112)
```
#ef9b81
```
#ef9b81 rgb(239,155,129)
```
#f1a992
```
#f1a992 rgb(241,169,146)
```
#f3b7a4
```
#f3b7a4 rgb(243,183,164)
```
#f6c5b5
```
#f6c5b5 rgb(246,197,181)
```
#f8d2c7
```
#f8d2c7 rgb(248,210,199)
```
#fae0d8
```
#fae0d8 rgb(250,224,216)
```
#fceee9
```
#fceee9 rgb(252,238,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 #cb3708 is the most saturated one.

#6a6969
```
#6a6969 rgb(106,105,105)
```
#726561
```
#726561 rgb(114,101,97)
```
#7a6159
```
#7a6159 rgb(122,97,89)
```
#825d51
```
#825d51 rgb(130,93,81)
```
#8a5849
```
#8a5849 rgb(138,88,73)
```
#925441
```
#925441 rgb(146,84,65)
```
#9b5038
```
#9b5038 rgb(155,80,56)
```
#a34c30
```
#a34c30 rgb(163,76,48)
```
#ab4728
```
#ab4728 rgb(171,71,40)
```
#b34320
```
#b34320 rgb(179,67,32)
```
#bb3f18
```
#bb3f18 rgb(187,63,24)
```
#c33b10
```
#c33b10 rgb(195,59,16)
```
#cb3708
```
#cb3708 rgb(203,55,8)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#725952 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d712e Protanopia 1% of men
#8d6b12 Deuteranopia 1% of men
#bf4548 Tritanopia 0.001% of the population

Trichromacy

#935e26 Protanomaly 1% of men, 0.01% of women
#9d5b14 Deuteranomaly 6% of men, 0.4% of women
#bd4236 Tritanomaly 0.01% of the population