#bb308b hex color

In a RGB color space, hex #bb308b is composed of 73.3% red, 18.8% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.3% magenta, 25.7% yellow and 26.7% black. It has a hue angle of 320.7 degrees, a saturation of 59.1% and a lightness of 46.1%. #bb308b color hex could be obtained by blending #ff60ff with #770017. Closest websafe color is: #cc3399.

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

● #bb308b color description : Moderate pink.

The hexadecimal color #bb308b has RGB values of R:187, G:48, B:139 and CMYK values of C:0, M:0.74, Y:0.26, K:0.27. Its decimal value is 12267659.

Hex triplet	bb308b	`#bb308b`
RGB Decimal	187, 48, 139	`rgb(187,48,139)`
RGB Percent	73.3, 18.8, 54.5	`rgb(73.3%,18.8%,54.5%)`
CMYK	0, 74, 26, 27
HSL	320.7°, 59.1, 46.1	`hsl(320.7,59.1%,46.1%)`
HSV (or HSB)	320.7°, 74.3, 73.3
Web Safe	cc3399	`#cc3399`

CIE-LAB	45.005, 62.499, -18.663
XYZ	26.211, 14.545, 25.852
xyY	0.394, 0.218, 14.545
CIE-LCH	45.005, 65.226, 343.374
CIE-LUV	45.005, 74.782, -36.113
Hunter-Lab	38.138, 55.935, -13.493
Binary	10111011, 00110000, 10001011

#bb308b
```
#bb308b rgb(187,48,139)
```
#30bb60
```
#30bb60 rgb(48,187,96)
```

Complementary Color

#a630bb
```
#a630bb rgb(166,48,187)
```
#bb308b
```
#bb308b rgb(187,48,139)
```
#bb3046
```
#bb3046 rgb(187,48,70)
```

Analogous Color

#30bba6
```
#30bba6 rgb(48,187,166)
```
#bb308b
```
#bb308b rgb(187,48,139)
```
#46bb30
```
#46bb30 rgb(70,187,48)
```

Split Complementary Color

#308bbb
```
#308bbb rgb(48,139,187)
```
#bb308b
```
#bb308b rgb(187,48,139)
```
#8bbb30
```
#8bbb30 rgb(139,187,48)
```

Triadic Color

#6030bb
```
#6030bb rgb(96,48,187)
```
#bb308b
```
#bb308b rgb(187,48,139)
```
#8bbb30
```
#8bbb30 rgb(139,187,48)
```
#30bb60
```
#30bb60 rgb(48,187,96)
```

Tetradic Color

#7e205e
```
#7e205e rgb(126,32,94)
```
#92266d
```
#92266d rgb(146,38,109)
```
#a72b7c
```
#a72b7c rgb(167,43,124)
```
#bb308b
```
#bb308b rgb(187,48,139)
```
#cc3899
```
#cc3899 rgb(204,56,153)
```
#d14da3
```
#d14da3 rgb(209,77,163)
```
#d661ae
```
#d661ae rgb(214,97,174)
```

Monochromatic Color

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

#bb30ae
```
#bb30ae rgb(187,48,174)
```
#bb30a2
```
#bb30a2 rgb(187,48,162)
```
#bb3097
```
#bb3097 rgb(187,48,151)
```
#bb308b
```
#bb308b rgb(187,48,139)
```
#bb307f
```
#bb307f rgb(187,48,127)
```
#bb3074
```
#bb3074 rgb(187,48,116)
```
#bb3068
```
#bb3068 rgb(187,48,104)
```

Similar Colors

Text with hexadecimal color #bb308b

This text has a font color of #bb308b.

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

#bb308b background color

This paragraph has a background color of #bb308b.

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

#bb308b border color

This element has a border color of #bb308b.

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

CSS codes

.text {color:#bb308b;}

.background {background-color:#bb308b;}

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

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, #0f040b is the darkest color, while #ffffff is the lightest one.

#0f040b
```
#0f040b rgb(15,4,11)
```
#1f0817
```
#1f0817 rgb(31,8,23)
```
#2f0c23
```
#2f0c23 rgb(47,12,35)
```
#3e102e
```
#3e102e rgb(62,16,46)
```
#4e143a
```
#4e143a rgb(78,20,58)
```
#5d1845
```
#5d1845 rgb(93,24,69)
```
#6d1c51
```
#6d1c51 rgb(109,28,81)
```
#7d205d
```
#7d205d rgb(125,32,93)
```
#8c2468
```
#8c2468 rgb(140,36,104)
```
#9c2874
```
#9c2874 rgb(156,40,116)
```
#ab2c7f
```
#ab2c7f rgb(171,44,127)
```
#bb308b
```
#bb308b rgb(187,48,139)
```
#cb3497
```
#cb3497 rgb(203,52,151)
```

Shade Color Variation

#cf439f
```
#cf439f rgb(207,67,159)
```
#d353a7
```
#d353a7 rgb(211,83,167)
```
#d763af
```
#d763af rgb(215,99,175)
```
#db72b7
```
#db72b7 rgb(219,114,183)
```
#df82bf
```
#df82bf rgb(223,130,191)
```
#e391c7
```
#e391c7 rgb(227,145,199)
```
#e7a1cf
```
#e7a1cf rgb(231,161,207)
```
#ebb1d7
```
#ebb1d7 rgb(235,177,215)
```
#efc0df
```
#efc0df rgb(239,192,223)
```
#f3d0e7
```
#f3d0e7 rgb(243,208,231)
```
#f7dfef
```
#f7dfef rgb(247,223,239)
```
#fbeff7
```
#fbeff7 rgb(251,239,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7c6f77
```
#7c6f77 rgb(124,111,119)
```
#85667a
```
#85667a rgb(133,102,122)
```
#8e5d7d
```
#8e5d7d rgb(142,93,125)
```
#975480
```
#975480 rgb(151,84,128)
```
#a04b83
```
#a04b83 rgb(160,75,131)
```
#a94285
```
#a94285 rgb(169,66,133)
```
#b23988
```
#b23988 rgb(178,57,136)
```
#bb308b
```
#bb308b rgb(187,48,139)
```
#c4278e
```
#c4278e rgb(196,39,142)
```
#cd1e91
```
#cd1e91 rgb(205,30,145)
```
#d61593
```
#d61593 rgb(214,21,147)
```
#df0c96
```
#df0c96 rgb(223,12,150)
```
#e80399
```
#e80399 rgb(232,3,153)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#755a6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5570b2 Protanopia 1% of men
#726f85 Deuteranopia 1% of men
#b94e52 Tritanopia 0.001% of the population

Trichromacy

#7a58a4 Protanomaly 1% of men, 0.01% of women
#8d5887 Deuteranomaly 6% of men, 0.4% of women
#b94367 Tritanomaly 0.01% of the population

#bb308b hex color

#bb308b Color Information

#bb308b Color Conversion

Color Schemes with #bb308b

Alternatives to #bb308b

#bb308b Preview

Shades and Tints of #bb308b

Tones of #bb308b

Color Blindness Simulator