#bb313e hex color

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

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

● #bb313e color description : Moderate red.

The hexadecimal color #bb313e has RGB values of R:187, G:49, B:62 and CMYK values of C:0, M:0.74, Y:0.67, K:0.27. Its decimal value is 12267838.

Hex triplet	bb313e	`#bb313e`
RGB Decimal	187, 49, 62	`rgb(187,49,62)`
RGB Percent	73.3, 19.2, 24.3	`rgb(73.3%,19.2%,24.3%)`
CMYK	0, 74, 67, 27
HSL	354.3°, 58.5, 46.3	`hsl(354.3,58.5%,46.3%)`
HSV (or HSB)	354.3°, 73.8, 73.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.931, 55.117, 25.901
XYZ	22.462, 13.112, 5.905
xyY	0.542, 0.316, 13.112
CIE-LCH	42.931, 60.899, 25.17
CIE-LUV	42.931, 101.298, 16.679
Hunter-Lab	36.21, 47.361, 15.678
Binary	10111011, 00110001, 00111110

#bb313e
```
#bb313e rgb(187,49,62)
```
#31bbae
```
#31bbae rgb(49,187,174)
```

Complementary Color

#bb3183
```
#bb3183 rgb(187,49,131)
```
#bb313e
```
#bb313e rgb(187,49,62)
```
#bb6931
```
#bb6931 rgb(187,105,49)
```

Analogous Color

#3183bb
```
#3183bb rgb(49,131,187)
```
#bb313e
```
#bb313e rgb(187,49,62)
```
#31bb69
```
#31bb69 rgb(49,187,105)
```

Split Complementary Color

#313ebb
```
#313ebb rgb(49,62,187)
```
#bb313e
```
#bb313e rgb(187,49,62)
```
#3ebb31
```
#3ebb31 rgb(62,187,49)
```

Triadic Color

#ae31bb
```
#ae31bb rgb(174,49,187)
```
#bb313e
```
#bb313e rgb(187,49,62)
```
#3ebb31
```
#3ebb31 rgb(62,187,49)
```
#31bbae
```
#31bbae rgb(49,187,174)
```

Tetradic Color

#7e212a
```
#7e212a rgb(126,33,42)
```
#932631
```
#932631 rgb(147,38,49)
```
#a72c37
```
#a72c37 rgb(167,44,55)
```
#bb313e
```
#bb313e rgb(187,49,62)
```
#cb3a48
```
#cb3a48 rgb(203,58,72)
```
#d14e5b
```
#d14e5b rgb(209,78,91)
```
#d6636d
```
#d6636d rgb(214,99,109)
```

Monochromatic Color

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

#bb3161
```
#bb3161 rgb(187,49,97)
```
#bb3155
```
#bb3155 rgb(187,49,85)
```
#bb314a
```
#bb314a rgb(187,49,74)
```
#bb313e
```
#bb313e rgb(187,49,62)
```
#bb3133
```
#bb3133 rgb(187,49,51)
```
#bb3b31
```
#bb3b31 rgb(187,59,49)
```
#bb4631
```
#bb4631 rgb(187,70,49)
```

Similar Colors

Text with hexadecimal color #bb313e

This text has a font color of #bb313e.

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

#bb313e background color

This paragraph has a background color of #bb313e.

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

#bb313e border color

This element has a border color of #bb313e.

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

CSS codes

.text {color:#bb313e;}

.background {background-color:#bb313e;}

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

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)
```
#20080a
```
#20080a rgb(32,8,10)
```
#2f0c10
```
#2f0c10 rgb(47,12,16)
```
#3f1015
```
#3f1015 rgb(63,16,21)
```
#4e141a
```
#4e141a rgb(78,20,26)
```
#5e191f
```
#5e191f rgb(94,25,31)
```
#6d1d24
```
#6d1d24 rgb(109,29,36)
```
#7d2129
```
#7d2129 rgb(125,33,41)
```
#8c252f
```
#8c252f rgb(140,37,47)
```
#9c2934
```
#9c2934 rgb(156,41,52)
```
#ab2d39
```
#ab2d39 rgb(171,45,57)
```
#bb313e
```
#bb313e rgb(187,49,62)
```

Shade Color Variation

#ca3543
```
#ca3543 rgb(202,53,67)
```
#ce4552
```
#ce4552 rgb(206,69,82)
```
#d25560
```
#d25560 rgb(210,85,96)
```
#d6646f
```
#d6646f rgb(214,100,111)
```
#da747d
```
#da747d rgb(218,116,125)
```
#df838c
```
#df838c rgb(223,131,140)
```
#e3939a
```
#e3939a rgb(227,147,154)
```
#e7a2a9
```
#e7a2a9 rgb(231,162,169)
```
#ebb2b7
```
#ebb2b7 rgb(235,178,183)
```
#efc1c6
```
#efc1c6 rgb(239,193,198)
```
#f3d1d4
```
#f3d1d4 rgb(243,209,212)
```
#f7e0e3
```
#f7e0e3 rgb(247,224,227)
```
#fbf0f1
```
#fbf0f1 rgb(251,240,241)
```

Tint Color Variation

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

#7b7172
```
#7b7172 rgb(123,113,114)
```
#85676a
```
#85676a rgb(133,103,106)
```
#8e5e63
```
#8e5e63 rgb(142,94,99)
```
#97555b
```
#97555b rgb(151,85,91)
```
#a04c54
```
#a04c54 rgb(160,76,84)
```
#a9434d
```
#a9434d rgb(169,67,77)
```
#b23a45
```
#b23a45 rgb(178,58,69)
```
#bb313e
```
#bb313e rgb(187,49,62)
```
#c42837
```
#c42837 rgb(196,40,55)
```
#cd1f2f
```
#cd1f2f rgb(205,31,47)
```
#d61628
```
#d61628 rgb(214,22,40)
```
#df0d21
```
#df0d21 rgb(223,13,33)
```
#e80419
```
#e80419 rgb(232,4,25)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#6f5356 Atypical Achromatopsia 0.001% of the population

Dichromacy

#736d59 Protanopia 1% of men
#84683f Deuteranopia 1% of men
#be3d3f Tritanopia 0.001% of the population

Trichromacy

#8d574f Protanomaly 1% of men, 0.01% of women
#98543e Deuteranomaly 6% of men, 0.4% of women
#bd383f Tritanomaly 0.01% of the population

#bb313e hex color

#bb313e Color Information

#bb313e Color Conversion

Color Schemes with #bb313e

Alternatives to #bb313e

#bb313e Preview

Shades and Tints of #bb313e

Tones of #bb313e

Color Blindness Simulator