#bb1822 hex color

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

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

● #bb1822 color description : Strong red.

The hexadecimal color #bb1822 has RGB values of R:187, G:24, B:34 and CMYK values of C:0, M:0.87, Y:0.82, K:0.27. Its decimal value is 12261410.

Hex triplet	bb1822	`#bb1822`
RGB Decimal	187, 24, 34	`rgb(187,24,34)`
RGB Percent	73.3, 9.4, 13.3	`rgb(73.3%,9.4%,13.3%)`
CMYK	0, 87, 82, 27
HSL	356.3°, 77.3, 41.4	`hsl(356.3,77.3%,41.4%)`
HSV (or HSB)	356.3°, 87.2, 73.3
Web Safe	cc0033	`#cc0033`

CIE-LAB	40.141, 60.81, 39.277
XYZ	21.11, 11.336, 2.59
xyY	0.603, 0.324, 11.336
CIE-LCH	40.141, 72.392, 32.858
CIE-LUV	40.141, 118.271, 23.251
Hunter-Lab	33.669, 52.994, 19.008
Binary	10111011, 00011000, 00100010

#bb1822
```
#bb1822 rgb(187,24,34)
```
#18bbb1
```
#18bbb1 rgb(24,187,177)
```

Complementary Color

#bb1874
```
#bb1874 rgb(187,24,116)
```
#bb1822
```
#bb1822 rgb(187,24,34)
```
#bb5f18
```
#bb5f18 rgb(187,95,24)
```

Analogous Color

#1874bb
```
#1874bb rgb(24,116,187)
```
#bb1822
```
#bb1822 rgb(187,24,34)
```
#18bb5f
```
#18bb5f rgb(24,187,95)
```

Split Complementary Color

#1822bb
```
#1822bb rgb(24,34,187)
```
#bb1822
```
#bb1822 rgb(187,24,34)
```
#22bb18
```
#22bb18 rgb(34,187,24)
```

Triadic Color

#b118bb
```
#b118bb rgb(177,24,187)
```
#bb1822
```
#bb1822 rgb(187,24,34)
```
#22bb18
```
#22bb18 rgb(34,187,24)
```
#18bbb1
```
#18bbb1 rgb(24,187,177)
```

Tetradic Color

#770f16
```
#770f16 rgb(119,15,22)
```
#8e121a
```
#8e121a rgb(142,18,26)
```
#a4151e
```
#a4151e rgb(164,21,30)
```
#bb1822
```
#bb1822 rgb(187,24,34)
```
#d21b26
```
#d21b26 rgb(210,27,38)
```
#e3232f
```
#e3232f rgb(227,35,47)
```
#e63a44
```
#e63a44 rgb(230,58,68)
```

Monochromatic Color

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

#bb184b
```
#bb184b rgb(187,24,75)
```
#bb183d
```
#bb183d rgb(187,24,61)
```
#bb1830
```
#bb1830 rgb(187,24,48)
```
#bb1822
```
#bb1822 rgb(187,24,34)
```
#bb1c18
```
#bb1c18 rgb(187,28,24)
```
#bb2918
```
#bb2918 rgb(187,41,24)
```
#bb3718
```
#bb3718 rgb(187,55,24)
```

Similar Colors

Text with hexadecimal color #bb1822

This text has a font color of #bb1822.

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

#bb1822 background color

This paragraph has a background color of #bb1822.

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

#bb1822 border color

This element has a border color of #bb1822.

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

CSS codes

.text {color:#bb1822;}

.background {background-color:#bb1822;}

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

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

#0d0202
```
#0d0202 rgb(13,2,2)
```
#1f0406
```
#1f0406 rgb(31,4,6)
```
#300609
```
#300609 rgb(48,6,9)
```
#41080c
```
#41080c rgb(65,8,12)
```
#530b0f
```
#530b0f rgb(83,11,15)
```
#640d12
```
#640d12 rgb(100,13,18)
```
#750f15
```
#750f15 rgb(117,15,21)
```
#871119
```
#871119 rgb(135,17,25)
```
#98141c
```
#98141c rgb(152,20,28)
```
#aa161f
```
#aa161f rgb(170,22,31)
```
#bb1822
```
#bb1822 rgb(187,24,34)
```
#cc1a25
```
#cc1a25 rgb(204,26,37)
```
#de1c28
```
#de1c28 rgb(222,28,40)
```

Shade Color Variation

#e42a36
```
#e42a36 rgb(228,42,54)
```
#e63c46
```
#e63c46 rgb(230,60,70)
```
#e84d56
```
#e84d56 rgb(232,77,86)
```
#ea5e67
```
#ea5e67 rgb(234,94,103)
```
#ed7077
```
#ed7077 rgb(237,112,119)
```
#ef8188
```
#ef8188 rgb(239,129,136)
```
#f19298
```
#f19298 rgb(241,146,152)
```
#f3a4a9
```
#f3a4a9 rgb(243,164,169)
```
#f6b5b9
```
#f6b5b9 rgb(246,181,185)
```
#f8c7ca
```
#f8c7ca rgb(248,199,202)
```
#fad8da
```
#fad8da rgb(250,216,218)
```
#fce9eb
```
#fce9eb rgb(252,233,235)
```
#fefbfb
```
#fefbfb rgb(254,251,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 #cb0814 is the most saturated one.

#6a6969
```
#6a6969 rgb(106,105,105)
```
#726162
```
#726162 rgb(114,97,98)
```
#7a595b
```
#7a595b rgb(122,89,91)
```
#825154
```
#825154 rgb(130,81,84)
```
#8a494d
```
#8a494d rgb(138,73,77)
```
#924146
```
#924146 rgb(146,65,70)
```
#9b383e
```
#9b383e rgb(155,56,62)
```
#a33037
```
#a33037 rgb(163,48,55)
```
#ab2830
```
#ab2830 rgb(171,40,48)
```
#b32029
```
#b32029 rgb(179,32,41)
```
#bb1822
```
#bb1822 rgb(187,24,34)
```
#c3101b
```
#c3101b rgb(195,16,27)
```
#cb0814
```
#cb0814 rgb(203,8,20)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#614042 Atypical Achromatopsia 0.001% of the population

Dichromacy

#70663e Protanopia 1% of men
#80621f Deuteranopia 1% of men
#be2524 Tritanopia 0.001% of the population

Trichromacy

#8b4a33 Protanomaly 1% of men, 0.01% of women
#954720 Deuteranomaly 6% of men, 0.4% of women
#bd2023 Tritanomaly 0.01% of the population

#bb1822 hex color

#bb1822 Color Information

#bb1822 Color Conversion

Color Schemes with #bb1822

Alternatives to #bb1822

#bb1822 Preview

Shades and Tints of #bb1822

Tones of #bb1822

Color Blindness Simulator