#bb0022 hex color

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

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

● #bb0022 color description : Strong red.

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

Hex triplet	bb0022	`#bb0022`
RGB Decimal	187, 0, 34	`rgb(187,0,34)`
RGB Percent	73.3, 0, 13.3	`rgb(73.3%,0%,13.3%)`
CMYK	0, 100, 82, 27
HSL	349.1°, 100, 36.7	`hsl(349.1,100%,36.7%)`
HSV (or HSB)	349.1°, 100, 73.3
Web Safe	cc0033	`#cc0033`

CIE-LAB	39.041, 63.981, 38.198
XYZ	20.783, 10.683, 2.481
xyY	0.612, 0.315, 10.683
CIE-LCH	39.041, 74.516, 30.838
CIE-LUV	39.041, 123.46, 21.218
Hunter-Lab	32.685, 56.304, 18.379
Binary	10111011, 00000000, 00100010

#bb0022
```
#bb0022 rgb(187,0,34)
```
#00bb99
```
#00bb99 rgb(0,187,153)
```

Complementary Color

#bb0080
```
#bb0080 rgb(187,0,128)
```
#bb0022
```
#bb0022 rgb(187,0,34)
```
#bb3b00
```
#bb3b00 rgb(187,59,0)
```

Analogous Color

#0080bb
```
#0080bb rgb(0,128,187)
```
#bb0022
```
#bb0022 rgb(187,0,34)
```
#00bb3b
```
#00bb3b rgb(0,187,59)
```

Split Complementary Color

#0022bb
```
#0022bb rgb(0,34,187)
```
#bb0022
```
#bb0022 rgb(187,0,34)
```
#22bb00
```
#22bb00 rgb(34,187,0)
```

Triadic Color

#9900bb
```
#9900bb rgb(153,0,187)
```
#bb0022
```
#bb0022 rgb(187,0,34)
```
#22bb00
```
#22bb00 rgb(34,187,0)
```
#00bb99
```
#00bb99 rgb(0,187,153)
```

Tetradic Color

#6f0014
```
#6f0014 rgb(111,0,20)
```
#880019
```
#880019 rgb(136,0,25)
```
#a2001d
```
#a2001d rgb(162,0,29)
```
#bb0022
```
#bb0022 rgb(187,0,34)
```
#d50027
```
#d50027 rgb(213,0,39)
```
#ee002b
```
#ee002b rgb(238,0,43)
```
#ff0835
```
#ff0835 rgb(255,8,53)
```

Monochromatic Color

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

#bb0051
```
#bb0051 rgb(187,0,81)
```
#bb0041
```
#bb0041 rgb(187,0,65)
```
#bb0032
```
#bb0032 rgb(187,0,50)
```
#bb0022
```
#bb0022 rgb(187,0,34)
```
#bb0012
```
#bb0012 rgb(187,0,18)
```
#bb0003
```
#bb0003 rgb(187,0,3)
```
#bb0d00
```
#bb0d00 rgb(187,13,0)
```

Similar Colors

Text with hexadecimal color #bb0022

This text has a font color of #bb0022.

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

#bb0022 background color

This paragraph has a background color of #bb0022.

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

#bb0022 border color

This element has a border color of #bb0022.

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

CSS codes

.text {color:#bb0022;}

.background {background-color:#bb0022;}

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

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

#0a0002
```
#0a0002 rgb(10,0,2)
```
#1e0005
```
#1e0005 rgb(30,0,5)
```
#320009
```
#320009 rgb(50,0,9)
```
#45000d
```
#45000d rgb(69,0,13)
```
#590010
```
#590010 rgb(89,0,16)
```
#6d0014
```
#6d0014 rgb(109,0,20)
```
#800017
```
#800017 rgb(128,0,23)
```
#94001b
```
#94001b rgb(148,0,27)
```
#a7001e
```
#a7001e rgb(167,0,30)
```
#bb0022
```
#bb0022 rgb(187,0,34)
```
#cf0026
```
#cf0026 rgb(207,0,38)
```
#e20029
```
#e20029 rgb(226,0,41)
```
#f6002d
```
#f6002d rgb(246,0,45)
```

Shade Color Variation

#ff0a37
```
#ff0a37 rgb(255,10,55)
```
#ff1e47
```
#ff1e47 rgb(255,30,71)
```
#ff3257
```
#ff3257 rgb(255,50,87)
```
#ff4567
```
#ff4567 rgb(255,69,103)
```
#ff5977
```
#ff5977 rgb(255,89,119)
```
#ff6d87
```
#ff6d87 rgb(255,109,135)
```
#ff8097
```
#ff8097 rgb(255,128,151)
```
#ff94a7
```
#ff94a7 rgb(255,148,167)
```
#ffa7b7
```
#ffa7b7 rgb(255,167,183)
```
#ffbbc7
```
#ffbbc7 rgb(255,187,199)
```
#ffcfd7
```
#ffcfd7 rgb(255,207,215)
```
#ffe2e7
```
#ffe2e7 rgb(255,226,231)
```
#fff6f8
```
#fff6f8 rgb(255,246,248)
```

Tint Color Variation

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

#655659
```
#655659 rgb(101,86,89)
```
#6c4f54
```
#6c4f54 rgb(108,79,84)
```
#734850
```
#734850 rgb(115,72,80)
```
#7a414b
```
#7a414b rgb(122,65,75)
```
#813a47
```
#813a47 rgb(129,58,71)
```
#893242
```
#893242 rgb(137,50,66)
```
#902b3d
```
#902b3d rgb(144,43,61)
```
#972439
```
#972439 rgb(151,36,57)
```
#9e1d34
```
#9e1d34 rgb(158,29,52)
```
#a51630
```
#a51630 rgb(165,22,48)
```
#ad0e2b
```
#ad0e2b rgb(173,14,43)
```
#b40727
```
#b40727 rgb(180,7,39)
```
#bb0022
```
#bb0022 rgb(187,0,34)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#553037 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6440 Protanopia 1% of men
#7c5f1e Deuteranopia 1% of men
#be1407 Tritanopia 0.001% of the population

Trichromacy

#893f35 Protanomaly 1% of men, 0.01% of women
#933c1f Deuteranomaly 6% of men, 0.4% of women
#bc0d11 Tritanomaly 0.01% of the population

#bb0022 hex color

#bb0022 Color Information

#bb0022 Color Conversion

Color Schemes with #bb0022

Alternatives to #bb0022

#bb0022 Preview

Shades and Tints of #bb0022

Tones of #bb0022

Color Blindness Simulator