#bb1222 hex color

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

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

● #bb1222 color description : Strong red.

The hexadecimal color #bb1222 has RGB values of R:187, G:18, B:34 and CMYK values of C:0, M:0.9, Y:0.82, K:0.27. Its decimal value is 12259874.

Hex triplet	bb1222	`#bb1222`
RGB Decimal	187, 18, 34	`rgb(187,18,34)`
RGB Percent	73.3, 7.1, 13.3	`rgb(73.3%,7.1%,13.3%)`
CMYK	0, 90, 82, 27
HSL	354.3°, 82.4, 40.2	`hsl(354.3,82.4%,40.2%)`
HSV (or HSB)	354.3°, 90.4, 73.3
Web Safe	cc0033	`#cc0033`

CIE-LAB	39.775, 61.862, 38.918
XYZ	21, 11.116, 2.553
xyY	0.606, 0.321, 11.116
CIE-LCH	39.775, 73.086, 32.175
CIE-LUV	39.775, 119.988, 22.575
Hunter-Lab	33.34, 54.085, 18.798
Binary	10111011, 00010010, 00100010

#bb1222
```
#bb1222 rgb(187,18,34)
```
#12bbab
```
#12bbab rgb(18,187,171)
```

Complementary Color

#bb1277
```
#bb1277 rgb(187,18,119)
```
#bb1222
```
#bb1222 rgb(187,18,34)
```
#bb5612
```
#bb5612 rgb(187,86,18)
```

Analogous Color

#1277bb
```
#1277bb rgb(18,119,187)
```
#bb1222
```
#bb1222 rgb(187,18,34)
```
#12bb56
```
#12bb56 rgb(18,187,86)
```

Split Complementary Color

#1222bb
```
#1222bb rgb(18,34,187)
```
#bb1222
```
#bb1222 rgb(187,18,34)
```
#22bb12
```
#22bb12 rgb(34,187,18)
```

Triadic Color

#ab12bb
```
#ab12bb rgb(171,18,187)
```
#bb1222
```
#bb1222 rgb(187,18,34)
```
#22bb12
```
#22bb12 rgb(34,187,18)
```
#12bbab
```
#12bbab rgb(18,187,171)
```

Tetradic Color

#750b15
```
#750b15 rgb(117,11,21)
```
#8c0e1a
```
#8c0e1a rgb(140,14,26)
```
#a4101e
```
#a4101e rgb(164,16,30)
```
#bb1222
```
#bb1222 rgb(187,18,34)
```
#d21426
```
#d21426 rgb(210,20,38)
```
#e9172b
```
#e9172b rgb(233,23,43)
```
#eb2f40
```
#eb2f40 rgb(235,47,64)
```

Monochromatic Color

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

#bb124c
```
#bb124c rgb(187,18,76)
```
#bb123e
```
#bb123e rgb(187,18,62)
```
#bb1230
```
#bb1230 rgb(187,18,48)
```
#bb1222
```
#bb1222 rgb(187,18,34)
```
#bb1214
```
#bb1214 rgb(187,18,20)
```
#bb1e12
```
#bb1e12 rgb(187,30,18)
```
#bb2c12
```
#bb2c12 rgb(187,44,18)
```

Similar Colors

Text with hexadecimal color #bb1222

This text has a font color of #bb1222.

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

#bb1222 background color

This paragraph has a background color of #bb1222.

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

#bb1222 border color

This element has a border color of #bb1222.

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

CSS codes

.text {color:#bb1222;}

.background {background-color:#bb1222;}

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

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

#080101
```
#080101 rgb(8,1,1)
```
#1a0205
```
#1a0205 rgb(26,2,5)
```
#2c0408
```
#2c0408 rgb(44,4,8)
```
#3e060b
```
#3e060b rgb(62,6,11)
```
#50080e
```
#50080e rgb(80,8,14)
```
#620912
```
#620912 rgb(98,9,18)
```
#730b15
```
#730b15 rgb(115,11,21)
```
#850d18
```
#850d18 rgb(133,13,24)
```
#970f1b
```
#970f1b rgb(151,15,27)
```
#a9101f
```
#a9101f rgb(169,16,31)
```
#bb1222
```
#bb1222 rgb(187,18,34)
```
#cd1425
```
#cd1425 rgb(205,20,37)
```
#df1529
```
#df1529 rgb(223,21,41)
```

Shade Color Variation

#e91e32
```
#e91e32 rgb(233,30,50)
```
#eb3042
```
#eb3042 rgb(235,48,66)
```
#ed4252
```
#ed4252 rgb(237,66,82)
```
#ef5463
```
#ef5463 rgb(239,84,99)
```
#f06673
```
#f06673 rgb(240,102,115)
```
#f27883
```
#f27883 rgb(242,120,131)
```
#f48a94
```
#f48a94 rgb(244,138,148)
```
#f59ca4
```
#f59ca4 rgb(245,156,164)
```
#f7aeb5
```
#f7aeb5 rgb(247,174,181)
```
#f9bfc5
```
#f9bfc5 rgb(249,191,197)
```
#fbd1d5
```
#fbd1d5 rgb(251,209,213)
```
#fce3e6
```
#fce3e6 rgb(252,227,230)
```
#fef5f6
```
#fef5f6 rgb(254,245,246)
```

Tint Color Variation

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

#6c6162
```
#6c6162 rgb(108,97,98)
```
#74595c
```
#74595c rgb(116,89,92)
```
#7c5155
```
#7c5155 rgb(124,81,85)
```
#84494f
```
#84494f rgb(132,73,79)
```
#8c4148
```
#8c4148 rgb(140,65,72)
```
#943942
```
#943942 rgb(148,57,66)
```
#9b323c
```
#9b323c rgb(155,50,60)
```
#a32a35
```
#a32a35 rgb(163,42,53)
```
#ab222f
```
#ab222f rgb(171,34,47)
```
#b31a28
```
#b31a28 rgb(179,26,40)
```
#bb1222
```
#bb1222 rgb(187,18,34)
```
#c30a1c
```
#c30a1c rgb(195,10,28)
```
#cb0215
```
#cb0215 rgb(203,2,21)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#5d3c3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f663e Protanopia 1% of men
#7e611e Deuteranopia 1% of men
#be211e Tritanopia 0.001% of the population

Trichromacy

#8a4734 Protanomaly 1% of men, 0.01% of women
#944420 Deuteranomaly 6% of men, 0.4% of women
#bd1b20 Tritanomaly 0.01% of the population

#bb1222 hex color

#bb1222 Color Information

#bb1222 Color Conversion

Color Schemes with #bb1222

Alternatives to #bb1222

#bb1222 Preview

Shades and Tints of #bb1222

Tones of #bb1222

Color Blindness Simulator