#bb1424 hex color

In a RGB color space, hex #bb1424 is composed of 73.3% red, 7.8% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.3% magenta, 80.7% yellow and 26.7% black. It has a hue angle of 354.3 degrees, a saturation of 80.7% and a lightness of 40.6%. #bb1424 color hex could be obtained by blending #ff2848 with #770000. Closest websafe color is: #cc0033.

♥
- f
- t
- g
- R 73
- G 8
- B 14
RGB color chart
- C 0
- M 89
- Y 81
- K 27
CMYK color chart

● #bb1424 color description : Strong red.

The hexadecimal color #bb1424 has RGB values of R:187, G:20, B:36 and CMYK values of C:0, M:0.89, Y:0.81, K:0.27. Its decimal value is 12260388.

Hex triplet	bb1424	`#bb1424`
RGB Decimal	187, 20, 36	`rgb(187,20,36)`
RGB Percent	73.3, 7.8, 14.1	`rgb(73.3%,7.8%,14.1%)`
CMYK	0, 89, 81, 27
HSL	354.3°, 80.7, 40.6	`hsl(354.3,80.7%,40.6%)`
HSV (or HSB)	354.3°, 89.3, 73.3
Web Safe	cc0033	`#cc0033`

CIE-LAB	39.907, 61.595, 37.92
XYZ	21.063, 11.195, 2.721
xyY	0.602, 0.32, 11.195
CIE-LCH	39.907, 72.331, 31.618
CIE-LUV	39.907, 119.067, 22.163
Hunter-Lab	33.459, 53.815, 18.6
Binary	10111011, 00010100, 00100100

#bb1424
```
#bb1424 rgb(187,20,36)
```
#14bbab
```
#14bbab rgb(20,187,171)
```

Complementary Color

#bb1478
```
#bb1478 rgb(187,20,120)
```
#bb1424
```
#bb1424 rgb(187,20,36)
```
#bb5714
```
#bb5714 rgb(187,87,20)
```

Analogous Color

#1478bb
```
#1478bb rgb(20,120,187)
```
#bb1424
```
#bb1424 rgb(187,20,36)
```
#14bb57
```
#14bb57 rgb(20,187,87)
```

Split Complementary Color

#1424bb
```
#1424bb rgb(20,36,187)
```
#bb1424
```
#bb1424 rgb(187,20,36)
```
#24bb14
```
#24bb14 rgb(36,187,20)
```

Triadic Color

#ab14bb
```
#ab14bb rgb(171,20,187)
```
#bb1424
```
#bb1424 rgb(187,20,36)
```
#24bb14
```
#24bb14 rgb(36,187,20)
```
#14bbab
```
#14bbab rgb(20,187,171)
```

Tetradic Color

#760d17
```
#760d17 rgb(118,13,23)
```
#8d0f1b
```
#8d0f1b rgb(141,15,27)
```
#a41220
```
#a41220 rgb(164,18,32)
```
#bb1424
```
#bb1424 rgb(187,20,36)
```
#d21628
```
#d21628 rgb(210,22,40)
```
#e71b2f
```
#e71b2f rgb(231,27,47)
```
#e93244
```
#e93244 rgb(233,50,68)
```

Monochromatic Color

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

#bb144e
```
#bb144e rgb(187,20,78)
```
#bb1440
```
#bb1440 rgb(187,20,64)
```
#bb1432
```
#bb1432 rgb(187,20,50)
```
#bb1424
```
#bb1424 rgb(187,20,36)
```
#bb1416
```
#bb1416 rgb(187,20,22)
```
#bb2014
```
#bb2014 rgb(187,32,20)
```
#bb2e14
```
#bb2e14 rgb(187,46,20)
```

Similar Colors

Text with hexadecimal color #bb1424

This text has a font color of #bb1424.

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

#bb1424 background color

This paragraph has a background color of #bb1424.

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

#bb1424 border color

This element has a border color of #bb1424.

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

CSS codes

.text {color:#bb1424;}

.background {background-color:#bb1424;}

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

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

#0a0102
```
#0a0102 rgb(10,1,2)
```
#1c0305
```
#1c0305 rgb(28,3,5)
```
#2d0509
```
#2d0509 rgb(45,5,9)
```
#3f070c
```
#3f070c rgb(63,7,12)
```
#510910
```
#510910 rgb(81,9,16)
```
#620b13
```
#620b13 rgb(98,11,19)
```
#740c16
```
#740c16 rgb(116,12,22)
```
#860e1a
```
#860e1a rgb(134,14,26)
```
#98101d
```
#98101d rgb(152,16,29)
```
#a91221
```
#a91221 rgb(169,18,33)
```
#bb1424
```
#bb1424 rgb(187,20,36)
```
#cd1627
```
#cd1627 rgb(205,22,39)
```
#de182b
```
#de182b rgb(222,24,43)
```

Shade Color Variation

#e72235
```
#e72235 rgb(231,34,53)
```
#e93446
```
#e93446 rgb(233,52,70)
```
#eb4656
```
#eb4656 rgb(235,70,86)
```
#ed5866
```
#ed5866 rgb(237,88,102)
```
#ef6976
```
#ef6976 rgb(239,105,118)
```
#f17b86
```
#f17b86 rgb(241,123,134)
```
#f38d97
```
#f38d97 rgb(243,141,151)
```
#f59ea7
```
#f59ea7 rgb(245,158,167)
```
#f7b0b7
```
#f7b0b7 rgb(247,176,183)
```
#f8c2c7
```
#f8c2c7 rgb(248,194,199)
```
#fad4d7
```
#fad4d7 rgb(250,212,215)
```
#fce5e8
```
#fce5e8 rgb(252,229,232)
```
#fef7f8
```
#fef7f8 rgb(254,247,248)
```

Tint Color Variation

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

#6b6464
```
#6b6464 rgb(107,100,100)
```
#735c5e
```
#735c5e rgb(115,92,94)
```
#7b5457
```
#7b5457 rgb(123,84,87)
```
#834c51
```
#834c51 rgb(131,76,81)
```
#8b444b
```
#8b444b rgb(139,68,75)
```
#933c44
```
#933c44 rgb(147,60,68)
```
#9b343e
```
#9b343e rgb(155,52,62)
```
#a32c37
```
#a32c37 rgb(163,44,55)
```
#ab2431
```
#ab2431 rgb(171,36,49)
```
#b31c2a
```
#b31c2a rgb(179,28,42)
```
#bb1424
```
#bb1424 rgb(187,20,36)
```
#c30c1e
```
#c30c1e rgb(195,12,30)
```
#cb0417
```
#cb0417 rgb(203,4,23)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#5f3e41 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f6640 Protanopia 1% of men
#7f6121 Deuteranopia 1% of men
#be2321 Tritanopia 0.001% of the population

Trichromacy

#8a4836 Protanomaly 1% of men, 0.01% of women
#944522 Deuteranomaly 6% of men, 0.4% of women
#bd1d22 Tritanomaly 0.01% of the population

#bb1424 hex color

#bb1424 Color Information

#bb1424 Color Conversion

Color Schemes with #bb1424

Alternatives to #bb1424

#bb1424 Preview

Shades and Tints of #bb1424

Tones of #bb1424

Color Blindness Simulator