#bb30ad hex color

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

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

● #bb30ad color description : Moderate magenta.

The hexadecimal color #bb30ad has RGB values of R:187, G:48, B:173 and CMYK values of C:0, M:0.74, Y:0.07, K:0.27. Its decimal value is 12267693.

Hex triplet	bb30ad	`#bb30ad`
RGB Decimal	187, 48, 173	`rgb(187,48,173)`
RGB Percent	73.3, 18.8, 67.8	`rgb(73.3%,18.8%,67.8%)`
CMYK	0, 74, 7, 27
HSL	306°, 59.1, 46.1	`hsl(306,59.1%,46.1%)`
HSV (or HSB)	306°, 74.3, 73.3
Web Safe	cc3399	`#cc3399`

CIE-LAB	46.576, 67.244, -36.57
XYZ	29.093, 15.698, 41.031
xyY	0.339, 0.183, 15.698
CIE-LCH	46.576, 76.545, 331.46
CIE-LUV	46.576, 61.975, -62.9
Hunter-Lab	39.621, 61.735, -33.666
Binary	10111011, 00110000, 10101101

#bb30ad
```
#bb30ad rgb(187,48,173)
```
#30bb3e
```
#30bb3e rgb(48,187,62)
```

Complementary Color

#8430bb
```
#8430bb rgb(132,48,187)
```
#bb30ad
```
#bb30ad rgb(187,48,173)
```
#bb3068
```
#bb3068 rgb(187,48,104)
```

Analogous Color

#30bb84
```
#30bb84 rgb(48,187,132)
```
#bb30ad
```
#bb30ad rgb(187,48,173)
```
#68bb30
```
#68bb30 rgb(104,187,48)
```

Split Complementary Color

#30adbb
```
#30adbb rgb(48,173,187)
```
#bb30ad
```
#bb30ad rgb(187,48,173)
```
#adbb30
```
#adbb30 rgb(173,187,48)
```

Triadic Color

#3e30bb
```
#3e30bb rgb(62,48,187)
```
#bb30ad
```
#bb30ad rgb(187,48,173)
```
#adbb30
```
#adbb30 rgb(173,187,48)
```
#30bb3e
```
#30bb3e rgb(48,187,62)
```

Tetradic Color

#7e2075
```
#7e2075 rgb(126,32,117)
```
#922687
```
#922687 rgb(146,38,135)
```
#a72b9a
```
#a72b9a rgb(167,43,154)
```
#bb30ad
```
#bb30ad rgb(187,48,173)
```
#cc38bd
```
#cc38bd rgb(204,56,189)
```
#d14dc4
```
#d14dc4 rgb(209,77,196)
```
#d661cb
```
#d661cb rgb(214,97,203)
```

Monochromatic Color

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

#a630bb
```
#a630bb rgb(166,48,187)
```
#b230bb
```
#b230bb rgb(178,48,187)
```
#bb30b9
```
#bb30b9 rgb(187,48,185)
```
#bb30ad
```
#bb30ad rgb(187,48,173)
```
#bb30a1
```
#bb30a1 rgb(187,48,161)
```
#bb3096
```
#bb3096 rgb(187,48,150)
```
#bb308a
```
#bb308a rgb(187,48,138)
```

Similar Colors

Text with hexadecimal color #bb30ad

This text has a font color of #bb30ad.

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

#bb30ad background color

This paragraph has a background color of #bb30ad.

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

#bb30ad border color

This element has a border color of #bb30ad.

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

CSS codes

.text {color:#bb30ad;}

.background {background-color:#bb30ad;}

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

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

#0f040e
```
#0f040e rgb(15,4,14)
```
#1f081d
```
#1f081d rgb(31,8,29)
```
#2f0c2b
```
#2f0c2b rgb(47,12,43)
```
#3e1039
```
#3e1039 rgb(62,16,57)
```
#4e1448
```
#4e1448 rgb(78,20,72)
```
#5d1856
```
#5d1856 rgb(93,24,86)
```
#6d1c65
```
#6d1c65 rgb(109,28,101)
```
#7d2073
```
#7d2073 rgb(125,32,115)
```
#8c2482
```
#8c2482 rgb(140,36,130)
```
#9c2890
```
#9c2890 rgb(156,40,144)
```
#ab2c9f
```
#ab2c9f rgb(171,44,159)
```
#bb30ad
```
#bb30ad rgb(187,48,173)
```
#cb34bb
```
#cb34bb rgb(203,52,187)
```

Shade Color Variation

#cf43c1
```
#cf43c1 rgb(207,67,193)
```
#d353c6
```
#d353c6 rgb(211,83,198)
```
#d763cb
```
#d763cb rgb(215,99,203)
```
#db72d0
```
#db72d0 rgb(219,114,208)
```
#df82d5
```
#df82d5 rgb(223,130,213)
```
#e391db
```
#e391db rgb(227,145,219)
```
#e7a1e0
```
#e7a1e0 rgb(231,161,224)
```
#ebb1e5
```
#ebb1e5 rgb(235,177,229)
```
#efc0ea
```
#efc0ea rgb(239,192,234)
```
#f3d0ef
```
#f3d0ef rgb(243,208,239)
```
#f7dff5
```
#f7dff5 rgb(247,223,245)
```
#fbeffa
```
#fbeffa rgb(251,239,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7c6f7a
```
#7c6f7a rgb(124,111,122)
```
#856682
```
#856682 rgb(133,102,130)
```
#8e5d89
```
#8e5d89 rgb(142,93,137)
```
#975490
```
#975490 rgb(151,84,144)
```
#a04b97
```
#a04b97 rgb(160,75,151)
```
#a9429f
```
#a9429f rgb(169,66,159)
```
#b239a6
```
#b239a6 rgb(178,57,166)
```
#bb30ad
```
#bb30ad rgb(187,48,173)
```
#c427b4
```
#c427b4 rgb(196,39,180)
```
#cd1ebb
```
#cd1ebb rgb(205,30,187)
```
#d615c3
```
#d615c3 rgb(214,21,195)
```
#df0cca
```
#df0cca rgb(223,12,202)
```
#e803d1
```
#e803d1 rgb(232,3,209)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#795d76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2a72da Protanopia 1% of men
#6374a3 Deuteranopia 1% of men
#b5585e Tritanopia 0.001% of the population

Trichromacy

#5e5ac9 Protanomaly 1% of men, 0.01% of women
#835ba6 Deuteranomaly 6% of men, 0.4% of women
#b7497a Tritanomaly 0.01% of the population

#bb30ad hex color

#bb30ad Color Information

#bb30ad Color Conversion

Color Schemes with #bb30ad

Alternatives to #bb30ad

#bb30ad Preview

Shades and Tints of #bb30ad

Tones of #bb30ad

Color Blindness Simulator