#bb2f24 hex color

In a RGB color space, hex #bb2f24 is composed of 73.3% red, 18.4% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.9% magenta, 80.7% yellow and 26.7% black. It has a hue angle of 4.4 degrees, a saturation of 67.7% and a lightness of 43.7%. #bb2f24 color hex could be obtained by blending #ff5e48 with #770000. Closest websafe color is: #cc3333.

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

● #bb2f24 color description : Strong red.

The hexadecimal color #bb2f24 has RGB values of R:187, G:47, B:36 and CMYK values of C:0, M:0.75, Y:0.81, K:0.27. Its decimal value is 12267300.

Hex triplet	bb2f24	`#bb2f24`
RGB Decimal	187, 47, 36	`rgb(187,47,36)`
RGB Percent	73.3, 18.4, 14.1	`rgb(73.3%,18.4%,14.1%)`
CMYK	0, 75, 81, 27
HSL	4.4°, 67.7, 43.7	`hsl(4.4,67.7%,43.7%)`
HSV (or HSB)	4.4°, 80.7, 73.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.35, 54.69, 40.357
XYZ	21.83, 12.728, 2.976
xyY	0.582, 0.339, 12.728
CIE-LCH	42.35, 67.969, 36.424
CIE-LUV	42.35, 107.942, 26.653
Hunter-Lab	35.676, 46.788, 20.027
Binary	10111011, 00101111, 00100100

#bb2f24
```
#bb2f24 rgb(187,47,36)
```
#24b0bb
```
#24b0bb rgb(36,176,187)
```

Complementary Color

#bb2465
```
#bb2465 rgb(187,36,101)
```
#bb2f24
```
#bb2f24 rgb(187,47,36)
```
#bb7b24
```
#bb7b24 rgb(187,123,36)
```

Analogous Color

#2465bb
```
#2465bb rgb(36,101,187)
```
#bb2f24
```
#bb2f24 rgb(187,47,36)
```
#24bb7b
```
#24bb7b rgb(36,187,123)
```

Split Complementary Color

#2f24bb
```
#2f24bb rgb(47,36,187)
```
#bb2f24
```
#bb2f24 rgb(187,47,36)
```
#24bb2f
```
#24bb2f rgb(36,187,47)
```

Triadic Color

#bb24b0
```
#bb24b0 rgb(187,36,176)
```
#bb2f24
```
#bb2f24 rgb(187,47,36)
```
#24bb2f
```
#24bb2f rgb(36,187,47)
```
#24b0bb
```
#24b0bb rgb(36,176,187)
```

Tetradic Color

#7b1f18
```
#7b1f18 rgb(123,31,24)
```
#90241c
```
#90241c rgb(144,36,28)
```
#a62a20
```
#a62a20 rgb(166,42,32)
```
#bb2f24
```
#bb2f24 rgb(187,47,36)
```
#d03428
```
#d03428 rgb(208,52,40)
```
#d94539
```
#d94539 rgb(217,69,57)
```
#dd594e
```
#dd594e rgb(221,89,78)
```

Monochromatic Color

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

#bb243f
```
#bb243f rgb(187,36,63)
```
#bb2432
```
#bb2432 rgb(187,36,50)
```
#bb2426
```
#bb2426 rgb(187,36,38)
```
#bb2f24
```
#bb2f24 rgb(187,47,36)
```
#bb3c24
```
#bb3c24 rgb(187,60,36)
```
#bb4824
```
#bb4824 rgb(187,72,36)
```
#bb5524
```
#bb5524 rgb(187,85,36)
```

Similar Colors

Text with hexadecimal color #bb2f24

This text has a font color of #bb2f24.

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

#bb2f24 background color

This paragraph has a background color of #bb2f24.

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

#bb2f24 border color

This element has a border color of #bb2f24.

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

CSS codes

.text {color:#bb2f24;}

.background {background-color:#bb2f24;}

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

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

#060201
```
#060201 rgb(6,2,1)
```
#170604
```
#170604 rgb(23,6,4)
```
#270a08
```
#270a08 rgb(39,10,8)
```
#370e0b
```
#370e0b rgb(55,14,11)
```
#48120e
```
#48120e rgb(72,18,14)
```
#581611
```
#581611 rgb(88,22,17)
```
#691a14
```
#691a14 rgb(105,26,20)
```
#791e17
```
#791e17 rgb(121,30,23)
```
#8a231b
```
#8a231b rgb(138,35,27)
```
#9a271e
```
#9a271e rgb(154,39,30)
```
#ab2b21
```
#ab2b21 rgb(171,43,33)
```
#bb2f24
```
#bb2f24 rgb(187,47,36)
```
#cb3327
```
#cb3327 rgb(203,51,39)
```

Shade Color Variation

#d73b2f
```
#d73b2f rgb(215,59,47)
```
#da4b40
```
#da4b40 rgb(218,75,64)
```
#dd5a50
```
#dd5a50 rgb(221,90,80)
```
#e16a61
```
#e16a61 rgb(225,106,97)
```
#e47971
```
#e47971 rgb(228,121,113)
```
#e78981
```
#e78981 rgb(231,137,129)
```
#ea9892
```
#ea9892 rgb(234,152,146)
```
#eda8a2
```
#eda8a2 rgb(237,168,162)
```
#f0b7b3
```
#f0b7b3 rgb(240,183,179)
```
#f4c7c3
```
#f4c7c3 rgb(244,199,195)
```
#f7d6d4
```
#f7d6d4 rgb(247,214,212)
```
#fae6e4
```
#fae6e4 rgb(250,230,228)
```
#fdf5f5
```
#fdf5f5 rgb(253,245,245)
```

Tint Color Variation

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

#766a69
```
#766a69 rgb(118,106,105)
```
#7f6260
```
#7f6260 rgb(127,98,96)
```
#885b57
```
#885b57 rgb(136,91,87)
```
#90544f
```
#90544f rgb(144,84,79)
```
#994c46
```
#994c46 rgb(153,76,70)
```
#a1453e
```
#a1453e rgb(161,69,62)
```
#aa3e35
```
#aa3e35 rgb(170,62,53)
```
#b2362d
```
#b2362d rgb(178,54,45)
```
#bb2f24
```
#bb2f24 rgb(187,47,36)
```
#c4281b
```
#c4281b rgb(196,40,27)
```
#cc2013
```
#cc2013 rgb(204,32,19)
```
#d5190a
```
#d5190a rgb(213,25,10)
```
#dd1202
```
#dd1202 rgb(221,18,2)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#6c504e Atypical Achromatopsia 0.001% of the population

Dichromacy

#766c3d Protanopia 1% of men
#866623 Deuteranopia 1% of men
#be383a Tritanopia 0.001% of the population

Trichromacy

#8f5533 Protanomaly 1% of men, 0.01% of women
#995223 Deuteranomaly 6% of men, 0.4% of women
#bd3432 Tritanomaly 0.01% of the population

#bb2f24 hex color

#bb2f24 Color Information

#bb2f24 Color Conversion

Color Schemes with #bb2f24

Alternatives to #bb2f24

#bb2f24 Preview

Shades and Tints of #bb2f24

Tones of #bb2f24

Color Blindness Simulator