#bb307b hex color

In a RGB color space, hex #bb307b is composed of 73.3% red, 18.8% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.3% magenta, 34.2% yellow and 26.7% black. It has a hue angle of 327.6 degrees, a saturation of 59.1% and a lightness of 46.1%. #bb307b color hex could be obtained by blending #ff60f6 with #770000. Closest websafe color is: #cc3366.

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

● #bb307b color description : Moderate pink.

The hexadecimal color #bb307b has RGB values of R:187, G:48, B:123 and CMYK values of C:0, M:0.74, Y:0.34, K:0.27. Its decimal value is 12267643.

Hex triplet	bb307b	`#bb307b`
RGB Decimal	187, 48, 123	`rgb(187,48,123)`
RGB Percent	73.3, 18.8, 48.2	`rgb(73.3%,18.8%,48.2%)`
CMYK	0, 74, 34, 27
HSL	327.6°, 59.1, 46.1	`hsl(327.6,59.1%,46.1%)`
HSV (or HSB)	327.6°, 74.3, 73.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	44.392, 60.587, -9.827
XYZ	25.126, 14.111, 20.138
xyY	0.423, 0.238, 14.111
CIE-LCH	44.392, 61.379, 350.787
CIE-LUV	44.392, 80.978, -23.676
Hunter-Lab	37.565, 53.655, -5.49
Binary	10111011, 00110000, 01111011

#bb307b
```
#bb307b rgb(187,48,123)
```
#30bb70
```
#30bb70 rgb(48,187,112)
```

Complementary Color

#b630bb
```
#b630bb rgb(182,48,187)
```
#bb307b
```
#bb307b rgb(187,48,123)
```
#bb3035
```
#bb3035 rgb(187,48,53)
```

Analogous Color

#30bbb6
```
#30bbb6 rgb(48,187,182)
```
#bb307b
```
#bb307b rgb(187,48,123)
```
#36bb30
```
#36bb30 rgb(54,187,48)
```

Split Complementary Color

#307bbb
```
#307bbb rgb(48,123,187)
```
#bb307b
```
#bb307b rgb(187,48,123)
```
#7bbb30
```
#7bbb30 rgb(123,187,48)
```

Triadic Color

#7030bb
```
#7030bb rgb(112,48,187)
```
#bb307b
```
#bb307b rgb(187,48,123)
```
#7bbb30
```
#7bbb30 rgb(123,187,48)
```
#30bb70
```
#30bb70 rgb(48,187,112)
```

Tetradic Color

#7e2053
```
#7e2053 rgb(126,32,83)
```
#922660
```
#922660 rgb(146,38,96)
```
#a72b6e
```
#a72b6e rgb(167,43,110)
```
#bb307b
```
#bb307b rgb(187,48,123)
```
#cc3888
```
#cc3888 rgb(204,56,136)
```
#d14d94
```
#d14d94 rgb(209,77,148)
```
#d661a0
```
#d661a0 rgb(214,97,160)
```

Monochromatic Color

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

#bb309e
```
#bb309e rgb(187,48,158)
```
#bb3092
```
#bb3092 rgb(187,48,146)
```
#bb3087
```
#bb3087 rgb(187,48,135)
```
#bb307b
```
#bb307b rgb(187,48,123)
```
#bb306f
```
#bb306f rgb(187,48,111)
```
#bb3064
```
#bb3064 rgb(187,48,100)
```
#bb3058
```
#bb3058 rgb(187,48,88)
```

Similar Colors

Text with hexadecimal color #bb307b

This text has a font color of #bb307b.

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

#bb307b background color

This paragraph has a background color of #bb307b.

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

#bb307b border color

This element has a border color of #bb307b.

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

CSS codes

.text {color:#bb307b;}

.background {background-color:#bb307b;}

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

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

#0f040a
```
#0f040a rgb(15,4,10)
```
#1f0814
```
#1f0814 rgb(31,8,20)
```
#2f0c1f
```
#2f0c1f rgb(47,12,31)
```
#3e1029
```
#3e1029 rgb(62,16,41)
```
#4e1433
```
#4e1433 rgb(78,20,51)
```
#5d183d
```
#5d183d rgb(93,24,61)
```
#6d1c48
```
#6d1c48 rgb(109,28,72)
```
#7d2052
```
#7d2052 rgb(125,32,82)
```
#8c245c
```
#8c245c rgb(140,36,92)
```
#9c2866
```
#9c2866 rgb(156,40,102)
```
#ab2c71
```
#ab2c71 rgb(171,44,113)
```
#bb307b
```
#bb307b rgb(187,48,123)
```
#cb3485
```
#cb3485 rgb(203,52,133)
```

Shade Color Variation

#cf438f
```
#cf438f rgb(207,67,143)
```
#d35398
```
#d35398 rgb(211,83,152)
```
#d763a1
```
#d763a1 rgb(215,99,161)
```
#db72ab
```
#db72ab rgb(219,114,171)
```
#df82b4
```
#df82b4 rgb(223,130,180)
```
#e391bd
```
#e391bd rgb(227,145,189)
```
#e7a1c7
```
#e7a1c7 rgb(231,161,199)
```
#ebb1d0
```
#ebb1d0 rgb(235,177,208)
```
#efc0d9
```
#efc0d9 rgb(239,192,217)
```
#f3d0e3
```
#f3d0e3 rgb(243,208,227)
```
#f7dfec
```
#f7dfec rgb(247,223,236)
```
#fbeff5
```
#fbeff5 rgb(251,239,245)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7c6f76
```
#7c6f76 rgb(124,111,118)
```
#856677
```
#856677 rgb(133,102,119)
```
#8e5d77
```
#8e5d77 rgb(142,93,119)
```
#975478
```
#975478 rgb(151,84,120)
```
#a04b79
```
#a04b79 rgb(160,75,121)
```
#a9427a
```
#a9427a rgb(169,66,122)
```
#b2397a
```
#b2397a rgb(178,57,122)
```
#bb307b
```
#bb307b rgb(187,48,123)
```
#c4277c
```
#c4277c rgb(196,39,124)
```
#cd1e7c
```
#cd1e7c rgb(205,30,124)
```
#d6157d
```
#d6157d rgb(214,21,125)
```
#df0c7e
```
#df0c7e rgb(223,12,126)
```
#e8037f
```
#e8037f rgb(232,3,127)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#745867 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f6fa0 Protanopia 1% of men
#786d77 Deuteranopia 1% of men
#ba494d Tritanopia 0.001% of the population

Trichromacy

#805892 Protanomaly 1% of men, 0.01% of women
#905778 Deuteranomaly 6% of men, 0.4% of women
#ba405e Tritanomaly 0.01% of the population

#bb307b hex color

#bb307b Color Information

#bb307b Color Conversion

Color Schemes with #bb307b

Alternatives to #bb307b

#bb307b Preview

Shades and Tints of #bb307b

Tones of #bb307b

Color Blindness Simulator