#bb3b8f hex color

In a RGB color space, hex #bb3b8f is composed of 73.3% red, 23.1% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.4% magenta, 23.5% yellow and 26.7% black. It has a hue angle of 320.6 degrees, a saturation of 52% and a lightness of 48.2%. #bb3b8f color hex could be obtained by blending #ff76ff with #77001f. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 73
- G 23
- B 56
RGB color chart
- C 0
- M 68
- Y 24
- K 27
CMYK color chart

● #bb3b8f color description : Moderate pink.

The hexadecimal color #bb3b8f has RGB values of R:187, G:59, B:143 and CMYK values of C:0, M:0.68, Y:0.24, K:0.27. Its decimal value is 12270479.

Hex triplet	bb3b8f	`#bb3b8f`
RGB Decimal	187, 59, 143	`rgb(187,59,143)`
RGB Percent	73.3, 23.1, 56.1	`rgb(73.3%,23.1%,56.1%)`
CMYK	0, 68, 24, 27
HSL	320.6°, 52, 48.2	`hsl(320.6,52%,48.2%)`
HSV (or HSB)	320.6°, 68.4, 73.3
Web Safe	cc3399	`#cc3399`

CIE-LAB	46.549, 59.138, -18.713
XYZ	27.016, 15.678, 27.589
xyY	0.384, 0.223, 15.678
CIE-LCH	46.549, 62.028, 342.441
CIE-LUV	46.549, 69.849, -35.876
Hunter-Lab	39.596, 52.496, -13.594
Binary	10111011, 00111011, 10001111

#bb3b8f
```
#bb3b8f rgb(187,59,143)
```
#3bbb67
```
#3bbb67 rgb(59,187,103)
```

Complementary Color

#a73bbb
```
#a73bbb rgb(167,59,187)
```
#bb3b8f
```
#bb3b8f rgb(187,59,143)
```
#bb3b4f
```
#bb3b4f rgb(187,59,79)
```

Analogous Color

#3bbba7
```
#3bbba7 rgb(59,187,167)
```
#bb3b8f
```
#bb3b8f rgb(187,59,143)
```
#4fbb3b
```
#4fbb3b rgb(79,187,59)
```

Split Complementary Color

#3b8fbb
```
#3b8fbb rgb(59,143,187)
```
#bb3b8f
```
#bb3b8f rgb(187,59,143)
```
#8fbb3b
```
#8fbb3b rgb(143,187,59)
```

Triadic Color

#673bbb
```
#673bbb rgb(103,59,187)
```
#bb3b8f
```
#bb3b8f rgb(187,59,143)
```
#8fbb3b
```
#8fbb3b rgb(143,187,59)
```
#3bbb67
```
#3bbb67 rgb(59,187,103)
```

Tetradic Color

#812963
```
#812963 rgb(129,41,99)
```
#942f71
```
#942f71 rgb(148,47,113)
```
#a83580
```
#a83580 rgb(168,53,128)
```
#bb3b8f
```
#bb3b8f rgb(187,59,143)
```
#c64a9b
```
#c64a9b rgb(198,74,155)
```
#cc5da6
```
#cc5da6 rgb(204,93,166)
```
#d270b0
```
#d270b0 rgb(210,112,176)
```

Monochromatic Color

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

#bb3baf
```
#bb3baf rgb(187,59,175)
```
#bb3ba4
```
#bb3ba4 rgb(187,59,164)
```
#bb3b9a
```
#bb3b9a rgb(187,59,154)
```
#bb3b8f
```
#bb3b8f rgb(187,59,143)
```
#bb3b84
```
#bb3b84 rgb(187,59,132)
```
#bb3b7a
```
#bb3b7a rgb(187,59,122)
```
#bb3b6f
```
#bb3b6f rgb(187,59,111)
```

Similar Colors

Text with hexadecimal color #bb3b8f

This text has a font color of #bb3b8f.

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

#bb3b8f background color

This paragraph has a background color of #bb3b8f.

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

#bb3b8f border color

This element has a border color of #bb3b8f.

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

CSS codes

.text {color:#bb3b8f;}

.background {background-color:#bb3b8f;}

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

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

#080306
```
#080306 rgb(8,3,6)
```
#170712
```
#170712 rgb(23,7,18)
```
#260c1d
```
#260c1d rgb(38,12,29)
```
#351128
```
#351128 rgb(53,17,40)
```
#441534
```
#441534 rgb(68,21,52)
```
#531a3f
```
#531a3f rgb(83,26,63)
```
#621f4b
```
#621f4b rgb(98,31,75)
```
#702356
```
#702356 rgb(112,35,86)
```
#7f2861
```
#7f2861 rgb(127,40,97)
```
#8e2d6d
```
#8e2d6d rgb(142,45,109)
```
#9d3278
```
#9d3278 rgb(157,50,120)
```
#ac3684
```
#ac3684 rgb(172,54,132)
```
#bb3b8f
```
#bb3b8f rgb(187,59,143)
```

Shade Color Variation

#c44599
```
#c44599 rgb(196,69,153)
```
#c954a1
```
#c954a1 rgb(201,84,161)
```
#ce63a9
```
#ce63a9 rgb(206,99,169)
```
#d372b1
```
#d372b1 rgb(211,114,177)
```
#d781ba
```
#d781ba rgb(215,129,186)
```
#dc90c2
```
#dc90c2 rgb(220,144,194)
```
#e19fca
```
#e19fca rgb(225,159,202)
```
#e5aed2
```
#e5aed2 rgb(229,174,210)
```
#eabdda
```
#eabdda rgb(234,189,218)
```
#efcbe3
```
#efcbe3 rgb(239,203,227)
```
#f3daeb
```
#f3daeb rgb(243,218,235)
```
#f8e9f3
```
#f8e9f3 rgb(248,233,243)
```
#fdf8fb
```
#fdf8fb rgb(253,248,251)
```

Tint Color Variation

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

#82747d
```
#82747d rgb(130,116,125)
```
#8c6a80
```
#8c6a80 rgb(140,106,128)
```
#956183
```
#956183 rgb(149,97,131)
```
#9f5786
```
#9f5786 rgb(159,87,134)
```
#a84e89
```
#a84e89 rgb(168,78,137)
```
#b2448c
```
#b2448c rgb(178,68,140)
```
#bb3b8f
```
#bb3b8f rgb(187,59,143)
```
#c43292
```
#c43292 rgb(196,50,146)
```
#ce2895
```
#ce2895 rgb(206,40,149)
```
#d71f98
```
#d71f98 rgb(215,31,152)
```
#e1159b
```
#e1159b rgb(225,21,155)
```
#ea0c9e
```
#ea0c9e rgb(234,12,158)
```
#f402a1
```
#f402a1 rgb(244,2,161)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#7b6172 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c73b2 Protanopia 1% of men
#76738a Deuteranopia 1% of men
#b9555a Tritanopia 0.001% of the population

Trichromacy

#7e5fa5 Protanomaly 1% of men, 0.01% of women
#8f5e8b Deuteranomaly 6% of men, 0.4% of women
#b94b6d Tritanomaly 0.01% of the population

#bb3b8f hex color

#bb3b8f Color Information

#bb3b8f Color Conversion

Color Schemes with #bb3b8f

Alternatives to #bb3b8f

#bb3b8f Preview

Shades and Tints of #bb3b8f

Tones of #bb3b8f

Color Blindness Simulator