colorhexa.com

#bb3712 hex color

In a RGB color space, hex #bb3712 is composed of 73.3% red, 21.6% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.6% magenta, 90.4% yellow and 26.7% black. It has a hue angle of 13.1 degrees, a saturation of 82.4% and a lightness of 40.2%. #bb3712 color hex could be obtained by blending #ff6e24 with #770000. Closest websafe color is: #cc3300.

- R 73
- G 22
- B 7
RGB color chart
- C 0
- M 71
- Y 90
- K 27
CMYK color chart

● #bb3712 color description : Strong red.

The hexadecimal color #bb3712 has RGB values of R:187, G:55, B:18 and CMYK values of C:0, M:0.71, Y:0.9, K:0.27. Its decimal value is 12269330.

Hex triplet	bb3712	`#bb3712`
RGB Decimal	187, 55, 18	`rgb(187,55,18)`
RGB Percent	73.3, 21.6, 7.1	`rgb(73.3%,21.6%,7.1%)`
CMYK	0, 71, 90, 27
HSL	13.1°, 82.4, 40.2	`hsl(13.1,82.4%,40.2%)`
HSV (or HSB)	13.1°, 90.4, 73.3
Web Safe	cc3300	`#cc3300`

CIE-LAB	43.276, 51.354, 49.51
XYZ	21.97, 13.343, 1.991
xyY	0.589, 0.358, 13.343
CIE-LCH	43.276, 71.334, 43.953
CIE-LUV	43.276, 105.451, 32.721
Hunter-Lab	36.529, 43.433, 22.339
Binary	10111011, 00110111, 00010010

#bb3712
```
#bb3712 rgb(187,55,18)
```
#1296bb
```
#1296bb rgb(18,150,187)
```

Complementary Color

#bb1242
```
#bb1242 rgb(187,18,66)
```
#bb3712
```
#bb3712 rgb(187,55,18)
```
#bb8c12
```
#bb8c12 rgb(187,140,18)
```

Analogous Color

#1242bb
```
#1242bb rgb(18,66,187)
```
#bb3712
```
#bb3712 rgb(187,55,18)
```
#12bb8c
```
#12bb8c rgb(18,187,140)
```

Split Complementary Color

#3712bb
```
#3712bb rgb(55,18,187)
```
#bb3712
```
#bb3712 rgb(187,55,18)
```
#12bb37
```
#12bb37 rgb(18,187,55)
```

Triadic Color

#bb1296
```
#bb1296 rgb(187,18,150)
```
#bb3712
```
#bb3712 rgb(187,55,18)
```
#12bb37
```
#12bb37 rgb(18,187,55)
```
#1296bb
```
#1296bb rgb(18,150,187)
```

Tetradic Color

#75220b
```
#75220b rgb(117,34,11)
```
#8c290e
```
#8c290e rgb(140,41,14)
```
#a43010
```
#a43010 rgb(164,48,16)
```
#bb3712
```
#bb3712 rgb(187,55,18)
```
#d23e14
```
#d23e14 rgb(210,62,20)
```
#e94517
```
#e94517 rgb(233,69,23)
```
#eb582f
```
#eb582f rgb(235,88,47)
```

Monochromatic Color

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

#bb1217
```
#bb1217 rgb(187,18,23)
```
#bb1b12
```
#bb1b12 rgb(187,27,18)
```
#bb2912
```
#bb2912 rgb(187,41,18)
```
#bb3712
```
#bb3712 rgb(187,55,18)
```
#bb4512
```
#bb4512 rgb(187,69,18)
```
#bb5312
```
#bb5312 rgb(187,83,18)
```
#bb6112
```
#bb6112 rgb(187,97,18)
```

Similar Colors

Text with hexadecimal color #bb3712

This text has a font color of #bb3712.

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

#bb3712 background color

This paragraph has a background color of #bb3712.

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

#bb3712 border color

This element has a border color of #bb3712.

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

CSS codes

.text {color:#bb3712;}

.background {background-color:#bb3712;}

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

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

#080201
```
#080201 rgb(8,2,1)
```
#1a0802
```
#1a0802 rgb(26,8,2)
```
#2c0d04
```
#2c0d04 rgb(44,13,4)
```
#3e1206
```
#3e1206 rgb(62,18,6)
```
#501708
```
#501708 rgb(80,23,8)
```
#621d09
```
#621d09 rgb(98,29,9)
```
#73220b
```
#73220b rgb(115,34,11)
```
#85270d
```
#85270d rgb(133,39,13)
```
#972c0f
```
#972c0f rgb(151,44,15)
```
#a93210
```
#a93210 rgb(169,50,16)
```
#bb3712
```
#bb3712 rgb(187,55,18)
```
#cd3c14
```
#cd3c14 rgb(205,60,20)
```
#df4215
```
#df4215 rgb(223,66,21)
```

Shade Color Variation

#e94b1e
```
#e94b1e rgb(233,75,30)
```
#eb5930
```
#eb5930 rgb(235,89,48)
```
#ed6842
```
#ed6842 rgb(237,104,66)
```
#ef7654
```
#ef7654 rgb(239,118,84)
```
#f08466
```
#f08466 rgb(240,132,102)
```
#f29378
```
#f29378 rgb(242,147,120)
```
#f4a18a
```
#f4a18a rgb(244,161,138)
```
#f5af9c
```
#f5af9c rgb(245,175,156)
```
#f7beae
```
#f7beae rgb(247,190,174)
```
#f9ccbf
```
#f9ccbf rgb(249,204,191)
```
#fbdad1
```
#fbdad1 rgb(251,218,209)
```
#fce9e3
```
#fce9e3 rgb(252,233,227)
```
#fef7f5
```
#fef7f5 rgb(254,247,245)
```

Tint Color Variation

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

#6c6361
```
#6c6361 rgb(108,99,97)
```
#745f59
```
#745f59 rgb(116,95,89)
```
#7c5a51
```
#7c5a51 rgb(124,90,81)
```
#845649
```
#845649 rgb(132,86,73)
```
#8c5241
```
#8c5241 rgb(140,82,65)
```
#944d39
```
#944d39 rgb(148,77,57)
```
#9b4932
```
#9b4932 rgb(155,73,50)
```
#a3442a
```
#a3442a rgb(163,68,42)
```
#ab4022
```
#ab4022 rgb(171,64,34)
```
#b33b1a
```
#b33b1a rgb(179,59,26)
```
#bb3712
```
#bb3712 rgb(187,55,18)
```
#c3330a
```
#c3330a rgb(195,51,10)
```
#cb2e02
```
#cb2e02 rgb(203,46,2)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#6d534c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a6e29 Protanopia 1% of men
#896800 Deuteranopia 1% of men
#bf3d40 Tritanopia 0.001% of the population

Trichromacy

#925a20 Protanomaly 1% of men, 0.01% of women
#9b5606 Deuteranomaly 6% of men, 0.4% of women
#bd3b2f Tritanomaly 0.01% of the population