#bb30bf hex color

In a RGB color space, hex #bb30bf is composed of 73.3% red, 18.8% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 2.1% cyan, 74.9% magenta, 0% yellow and 25.1% black. It has a hue angle of 298.3 degrees, a saturation of 59.8% and a lightness of 46.9%. #bb30bf color hex could be obtained by blending #ff60ff with #77007f. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 19
- B 75
RGB color chart
- C 2
- M 75
- Y 0
- K 25
CMYK color chart

● #bb30bf color description : Moderate magenta.

The hexadecimal color #bb30bf has RGB values of R:187, G:48, B:191 and CMYK values of C:0.02, M:0.75, Y:0, K:0.25. Its decimal value is 12267711.

Hex triplet	bb30bf	`#bb30bf`
RGB Decimal	187, 48, 191	`rgb(187,48,191)`
RGB Percent	73.3, 18.8, 74.9	`rgb(73.3%,18.8%,74.9%)`
CMYK	2, 75, 0, 25
HSL	298.3°, 59.8, 46.9	`hsl(298.3,59.8%,46.9%)`
HSV (or HSB)	298.3°, 74.9, 74.9
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	47.549, 70.083, -45.582
XYZ	30.954, 16.442, 50.831
xyY	0.315, 0.167, 16.442
CIE-LCH	47.549, 83.602, 326.96
CIE-LUV	47.549, 55.663, -76.81
Hunter-Lab	40.549, 65.3, -45.939
Binary	10111011, 00110000, 10111111

#bb30bf
```
#bb30bf rgb(187,48,191)
```
#34bf30
```
#34bf30 rgb(52,191,48)
```

Complementary Color

#7430bf
```
#7430bf rgb(116,48,191)
```
#bb30bf
```
#bb30bf rgb(187,48,191)
```
#bf307c
```
#bf307c rgb(191,48,124)
```

Analogous Color

#30bf74
```
#30bf74 rgb(48,191,116)
```
#bb30bf
```
#bb30bf rgb(187,48,191)
```
#7cbf30
```
#7cbf30 rgb(124,191,48)
```

Split Complementary Color

#30bfbb
```
#30bfbb rgb(48,191,187)
```
#bb30bf
```
#bb30bf rgb(187,48,191)
```
#bfbb30
```
#bfbb30 rgb(191,187,48)
```

Triadic Color

#3034bf
```
#3034bf rgb(48,52,191)
```
#bb30bf
```
#bb30bf rgb(187,48,191)
```
#bfbb30
```
#bfbb30 rgb(191,187,48)
```
#34bf30
```
#34bf30 rgb(52,191,48)
```

Tetradic Color

#7f2182
```
#7f2182 rgb(127,33,130)
```
#932696
```
#932696 rgb(147,38,150)
```
#a72bab
```
#a72bab rgb(167,43,171)
```
#bb30bf
```
#bb30bf rgb(187,48,191)
```
#ca3bce
```
#ca3bce rgb(202,59,206)
```
#cf4fd3
```
#cf4fd3 rgb(207,79,211)
```
#d564d8
```
#d564d8 rgb(213,100,216)
```

Monochromatic Color

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

#9730bf
```
#9730bf rgb(151,48,191)
```
#a330bf
```
#a330bf rgb(163,48,191)
```
#af30bf
```
#af30bf rgb(175,48,191)
```
#bb30bf
```
#bb30bf rgb(187,48,191)
```
#bf30b7
```
#bf30b7 rgb(191,48,183)
```
#bf30ab
```
#bf30ab rgb(191,48,171)
```
#bf309f
```
#bf309f rgb(191,48,159)
```

Similar Colors

Text with hexadecimal color #bb30bf

This text has a font color of #bb30bf.

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

#bb30bf background color

This paragraph has a background color of #bb30bf.

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

#bb30bf border color

This element has a border color of #bb30bf.

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

CSS codes

.text {color:#bb30bf;}

.background {background-color:#bb30bf;}

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

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

#030103
```
#030103 rgb(3,1,3)
```
#120513
```
#120513 rgb(18,5,19)
```
#220922
```
#220922 rgb(34,9,34)
```
#310d32
```
#310d32 rgb(49,13,50)
```
#401042
```
#401042 rgb(64,16,66)
```
#501451
```
#501451 rgb(80,20,81)
```
#5f1861
```
#5f1861 rgb(95,24,97)
```
#6e1c71
```
#6e1c71 rgb(110,28,113)
```
#7e2080
```
#7e2080 rgb(126,32,128)
```
#8d2490
```
#8d2490 rgb(141,36,144)
```
#9c28a0
```
#9c28a0 rgb(156,40,160)
```
#ac2caf
```
#ac2caf rgb(172,44,175)
```
#bb30bf
```
#bb30bf rgb(187,48,191)
```

Shade Color Variation

#c836cd
```
#c836cd rgb(200,54,205)
```
#cd46d0
```
#cd46d0 rgb(205,70,208)
```
#d155d4
```
#d155d4 rgb(209,85,212)
```
#d565d8
```
#d565d8 rgb(213,101,216)
```
#d975dc
```
#d975dc rgb(217,117,220)
```
#de84e0
```
#de84e0 rgb(222,132,224)
```
#e294e4
```
#e294e4 rgb(226,148,228)
```
#e6a4e8
```
#e6a4e8 rgb(230,164,232)
```
#eab4ec
```
#eab4ec rgb(234,180,236)
```
#efc3f0
```
#efc3f0 rgb(239,195,240)
```
#f3d3f4
```
#f3d3f4 rgb(243,211,244)
```
#f7e3f8
```
#f7e3f8 rgb(247,227,248)
```
#fcf2fc
```
#fcf2fc rgb(252,242,252)
```

Tint Color Variation

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

#7e707f
```
#7e707f rgb(126,112,127)
```
#876788
```
#876788 rgb(135,103,136)
```
#905e91
```
#905e91 rgb(144,94,145)
```
#98559a
```
#98559a rgb(152,85,154)
```
#a14ca3
```
#a14ca3 rgb(161,76,163)
```
#aa42ad
```
#aa42ad rgb(170,66,173)
```
#b239b6
```
#b239b6 rgb(178,57,182)
```
#bb30bf
```
#bb30bf rgb(187,48,191)
```
#c427c8
```
#c427c8 rgb(196,39,200)
```
#cc1ed1
```
#cc1ed1 rgb(204,30,209)
```
#d514db
```
#d514db rgb(213,20,219)
```
#de0be4
```
#de0be4 rgb(222,11,228)
```
#e602ed
```
#e602ed rgb(230,2,237)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#7a5e7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e4 Protanopia 1% of men
#5778b2 Deuteranopia 1% of men
#b25e64 Tritanopia 0.001% of the population

Trichromacy

#445bd6 Protanomaly 1% of men, 0.01% of women
#7b5db7 Deuteranomaly 6% of men, 0.4% of women
#b54d85 Tritanomaly 0.01% of the population

#bb30bf hex color

#bb30bf Color Information

#bb30bf Color Conversion

Color Schemes with #bb30bf

Alternatives to #bb30bf

#bb30bf Preview

Shades and Tints of #bb30bf

Tones of #bb30bf

Color Blindness Simulator