#bb3138 hex color

In a RGB color space, hex #bb3138 is composed of 73.3% red, 19.2% green and 22% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.8% magenta, 70.1% yellow and 26.7% black. It has a hue angle of 357 degrees, a saturation of 58.5% and a lightness of 46.3%. #bb3138 color hex could be obtained by blending #ff6270 with #770000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 73
- G 19
- B 22
RGB color chart
- C 0
- M 74
- Y 70
- K 27
CMYK color chart

● #bb3138 color description : Moderate red.

The hexadecimal color #bb3138 has RGB values of R:187, G:49, B:56 and CMYK values of C:0, M:0.74, Y:0.7, K:0.27. Its decimal value is 12267832.

Hex triplet	bb3138	`#bb3138`
RGB Decimal	187, 49, 56	`rgb(187,49,56)`
RGB Percent	73.3, 19.2, 22	`rgb(73.3%,19.2%,22%)`
CMYK	0, 74, 70, 27
HSL	357°, 58.5, 46.3	`hsl(357,58.5%,46.3%)`
HSV (or HSB)	357°, 73.8, 73.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.838, 54.804, 29.419
XYZ	22.307, 13.05, 5.085
xyY	0.552, 0.323, 13.05
CIE-LCH	42.838, 62.201, 28.227
CIE-LUV	42.838, 102.805, 19.526
Hunter-Lab	36.124, 47.006, 16.94
Binary	10111011, 00110001, 00111000

#bb3138
```
#bb3138 rgb(187,49,56)
```
#31bbb4
```
#31bbb4 rgb(49,187,180)
```

Complementary Color

#bb317d
```
#bb317d rgb(187,49,125)
```
#bb3138
```
#bb3138 rgb(187,49,56)
```
#bb6f31
```
#bb6f31 rgb(187,111,49)
```

Analogous Color

#317dbb
```
#317dbb rgb(49,125,187)
```
#bb3138
```
#bb3138 rgb(187,49,56)
```
#31bb6f
```
#31bb6f rgb(49,187,111)
```

Split Complementary Color

#3138bb
```
#3138bb rgb(49,56,187)
```
#bb3138
```
#bb3138 rgb(187,49,56)
```
#38bb31
```
#38bb31 rgb(56,187,49)
```

Triadic Color

#b431bb
```
#b431bb rgb(180,49,187)
```
#bb3138
```
#bb3138 rgb(187,49,56)
```
#38bb31
```
#38bb31 rgb(56,187,49)
```
#31bbb4
```
#31bbb4 rgb(49,187,180)
```

Tetradic Color

#7e2126
```
#7e2126 rgb(126,33,38)
```
#93262c
```
#93262c rgb(147,38,44)
```
#a72c32
```
#a72c32 rgb(167,44,50)
```
#bb3138
```
#bb3138 rgb(187,49,56)
```
#cb3a41
```
#cb3a41 rgb(203,58,65)
```
#d14e55
```
#d14e55 rgb(209,78,85)
```
#d66368
```
#d66368 rgb(214,99,104)
```

Monochromatic Color

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

#bb315b
```
#bb315b rgb(187,49,91)
```
#bb314f
```
#bb314f rgb(187,49,79)
```
#bb3144
```
#bb3144 rgb(187,49,68)
```
#bb3138
```
#bb3138 rgb(187,49,56)
```
#bb3531
```
#bb3531 rgb(187,53,49)
```
#bb4131
```
#bb4131 rgb(187,65,49)
```
#bb4c31
```
#bb4c31 rgb(187,76,49)
```

Similar Colors

Text with hexadecimal color #bb3138

This text has a font color of #bb3138.

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

#bb3138 background color

This paragraph has a background color of #bb3138.

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

#bb3138 border color

This element has a border color of #bb3138.

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

CSS codes

.text {color:#bb3138;}

.background {background-color:#bb3138;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#100405
```
#100405 rgb(16,4,5)
```
#200809
```
#200809 rgb(32,8,9)
```
#2f0c0e
```
#2f0c0e rgb(47,12,14)
```
#3f1013
```
#3f1013 rgb(63,16,19)
```
#4e1417
```
#4e1417 rgb(78,20,23)
```
#5e191c
```
#5e191c rgb(94,25,28)
```
#6d1d21
```
#6d1d21 rgb(109,29,33)
```
#7d2125
```
#7d2125 rgb(125,33,37)
```
#8c252a
```
#8c252a rgb(140,37,42)
```
#9c292f
```
#9c292f rgb(156,41,47)
```
#ab2d33
```
#ab2d33 rgb(171,45,51)
```
#bb3138
```
#bb3138 rgb(187,49,56)
```

Shade Color Variation

#ca353d
```
#ca353d rgb(202,53,61)
```
#ce454c
```
#ce454c rgb(206,69,76)
```
#d2555b
```
#d2555b rgb(210,85,91)
```
#d6646a
```
#d6646a rgb(214,100,106)
```
#da7479
```
#da7479 rgb(218,116,121)
```
#df8388
```
#df8388 rgb(223,131,136)
```
#e39397
```
#e39397 rgb(227,147,151)
```
#e7a2a6
```
#e7a2a6 rgb(231,162,166)
```
#ebb2b5
```
#ebb2b5 rgb(235,178,181)
```
#efc1c4
```
#efc1c4 rgb(239,193,196)
```
#f3d1d3
```
#f3d1d3 rgb(243,209,211)
```
#f7e0e2
```
#f7e0e2 rgb(247,224,226)
```
#fbf0f1
```
#fbf0f1 rgb(251,240,241)
```

Tint Color Variation

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

#7b7171
```
#7b7171 rgb(123,113,113)
```
#856769
```
#856769 rgb(133,103,105)
```
#8e5e61
```
#8e5e61 rgb(142,94,97)
```
#975559
```
#975559 rgb(151,85,89)
```
#a04c50
```
#a04c50 rgb(160,76,80)
```
#a94348
```
#a94348 rgb(169,67,72)
```
#b23a40
```
#b23a40 rgb(178,58,64)
```
#bb3138
```
#bb3138 rgb(187,49,56)
```
#c42830
```
#c42830 rgb(196,40,48)
```
#cd1f28
```
#cd1f28 rgb(205,31,40)
```
#d61620
```
#d61620 rgb(214,22,32)
```
#df0d17
```
#df0d17 rgb(223,13,23)
```
#e8040f
```
#e8040f rgb(232,4,15)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6e5354 Atypical Achromatopsia 0.001% of the population

Dichromacy

#746d53 Protanopia 1% of men
#856839 Deuteranopia 1% of men
#be3c3e Tritanopia 0.001% of the population

Trichromacy

#8e5749 Protanomaly 1% of men, 0.01% of women
#985438 Deuteranomaly 6% of men, 0.4% of women
#bd383c Tritanomaly 0.01% of the population

#bb3138 hex color

#bb3138 Color Information

#bb3138 Color Conversion

Color Schemes with #bb3138

Alternatives to #bb3138

#bb3138 Preview

Shades and Tints of #bb3138

Tones of #bb3138

Color Blindness Simulator