#bb315f hex color

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

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

● #bb315f color description : Moderate pink.

The hexadecimal color #bb315f has RGB values of R:187, G:49, B:95 and CMYK values of C:0, M:0.74, Y:0.49, K:0.27. Its decimal value is 12267871.

Hex triplet	bb315f	`#bb315f`
RGB Decimal	187, 49, 95	`rgb(187,49,95)`
RGB Percent	73.3, 19.2, 37.3	`rgb(73.3%,19.2%,37.3%)`
CMYK	0, 74, 49, 27
HSL	340°, 58.5, 46.3	`hsl(340,58.5%,46.3%)`
HSV (or HSB)	340°, 73.8, 73.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	43.639, 57.456, 6.399
XYZ	23.658, 13.59, 12.203
xyY	0.478, 0.275, 13.59
CIE-LCH	43.639, 57.811, 6.355
CIE-LUV	43.639, 91.027, -2.976
Hunter-Lab	36.865, 50.04, 6.179
Binary	10111011, 00110001, 01011111

#bb315f
```
#bb315f rgb(187,49,95)
```
#31bb8d
```
#31bb8d rgb(49,187,141)
```

Complementary Color

#bb31a4
```
#bb31a4 rgb(187,49,164)
```
#bb315f
```
#bb315f rgb(187,49,95)
```
#bb4831
```
#bb4831 rgb(187,72,49)
```

Analogous Color

#31a4bb
```
#31a4bb rgb(49,164,187)
```
#bb315f
```
#bb315f rgb(187,49,95)
```
#31bb48
```
#31bb48 rgb(49,187,72)
```

Split Complementary Color

#315fbb
```
#315fbb rgb(49,95,187)
```
#bb315f
```
#bb315f rgb(187,49,95)
```
#5fbb31
```
#5fbb31 rgb(95,187,49)
```

Triadic Color

#8d31bb
```
#8d31bb rgb(141,49,187)
```
#bb315f
```
#bb315f rgb(187,49,95)
```
#5fbb31
```
#5fbb31 rgb(95,187,49)
```
#31bb8d
```
#31bb8d rgb(49,187,141)
```

Tetradic Color

#7e2140
```
#7e2140 rgb(126,33,64)
```
#93264a
```
#93264a rgb(147,38,74)
```
#a72c55
```
#a72c55 rgb(167,44,85)
```
#bb315f
```
#bb315f rgb(187,49,95)
```
#cb3a6b
```
#cb3a6b rgb(203,58,107)
```
#d14e7a
```
#d14e7a rgb(209,78,122)
```
#d66389
```
#d66389 rgb(214,99,137)
```

Monochromatic Color

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

#bb3182
```
#bb3182 rgb(187,49,130)
```
#bb3176
```
#bb3176 rgb(187,49,118)
```
#bb316b
```
#bb316b rgb(187,49,107)
```
#bb315f
```
#bb315f rgb(187,49,95)
```
#bb3154
```
#bb3154 rgb(187,49,84)
```
#bb3148
```
#bb3148 rgb(187,49,72)
```
#bb313d
```
#bb313d rgb(187,49,61)
```

Similar Colors

Text with hexadecimal color #bb315f

This text has a font color of #bb315f.

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

#bb315f background color

This paragraph has a background color of #bb315f.

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

#bb315f border color

This element has a border color of #bb315f.

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

CSS codes

.text {color:#bb315f;}

.background {background-color:#bb315f;}

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

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 #fbf0f4 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#100408
```
#100408 rgb(16,4,8)
```
#200810
```
#200810 rgb(32,8,16)
```
#2f0c18
```
#2f0c18 rgb(47,12,24)
```
#3f1020
```
#3f1020 rgb(63,16,32)
```
#4e1428
```
#4e1428 rgb(78,20,40)
```
#5e1930
```
#5e1930 rgb(94,25,48)
```
#6d1d38
```
#6d1d38 rgb(109,29,56)
```
#7d213f
```
#7d213f rgb(125,33,63)
```
#8c2547
```
#8c2547 rgb(140,37,71)
```
#9c294f
```
#9c294f rgb(156,41,79)
```
#ab2d57
```
#ab2d57 rgb(171,45,87)
```
#bb315f
```
#bb315f rgb(187,49,95)
```

Shade Color Variation

#ca3567
```
#ca3567 rgb(202,53,103)
```
#ce4573
```
#ce4573 rgb(206,69,115)
```
#d2557e
```
#d2557e rgb(210,85,126)
```
#d6648a
```
#d6648a rgb(214,100,138)
```
#da7496
```
#da7496 rgb(218,116,150)
```
#df83a2
```
#df83a2 rgb(223,131,162)
```
#e393ad
```
#e393ad rgb(227,147,173)
```
#e7a2b9
```
#e7a2b9 rgb(231,162,185)
```
#ebb2c5
```
#ebb2c5 rgb(235,178,197)
```
#efc1d0
```
#efc1d0 rgb(239,193,208)
```
#f3d1dc
```
#f3d1dc rgb(243,209,220)
```
#f7e0e8
```
#f7e0e8 rgb(247,224,232)
```
#fbf0f4
```
#fbf0f4 rgb(251,240,244)
```

Tint Color Variation

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

#7b7174
```
#7b7174 rgb(123,113,116)
```
#856771
```
#856771 rgb(133,103,113)
```
#8e5e6e
```
#8e5e6e rgb(142,94,110)
```
#97556b
```
#97556b rgb(151,85,107)
```
#a04c68
```
#a04c68 rgb(160,76,104)
```
#a94365
```
#a94365 rgb(169,67,101)
```
#b23a62
```
#b23a62 rgb(178,58,98)
```
#bb315f
```
#bb315f rgb(187,49,95)
```
#c4285c
```
#c4285c rgb(196,40,92)
```
#cd1f59
```
#cd1f59 rgb(205,31,89)
```
#d61656
```
#d61656 rgb(214,22,86)
```
#df0d53
```
#df0d53 rgb(223,13,83)
```
#e80450
```
#e80450 rgb(232,4,80)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#725760 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b6e7f Protanopia 1% of men
#7f6b5e Deuteranopia 1% of men
#bc4346 Tritanopia 0.001% of the population

Trichromacy

#885773 Protanomaly 1% of men, 0.01% of women
#95555e Deuteranomaly 6% of men, 0.4% of women
#bc3c4f Tritanomaly 0.01% of the population

#bb315f hex color

#bb315f Color Information

#bb315f Color Conversion

Color Schemes with #bb315f

Alternatives to #bb315f

#bb315f Preview

Shades and Tints of #bb315f

Tones of #bb315f

Color Blindness Simulator