#bb30df hex color

In a RGB color space, hex #bb30df is composed of 73.3% red, 18.8% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 16.1% cyan, 78.5% magenta, 0% yellow and 12.5% black. It has a hue angle of 287.7 degrees, a saturation of 73.2% and a lightness of 53.1%. #bb30df color hex could be obtained by blending #ff60ff with #7700bf. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 19
- B 87
RGB color chart
- C 16
- M 78
- Y 0
- K 13
CMYK color chart

● #bb30df color description : Bright magenta.

The hexadecimal color #bb30df has RGB values of R:187, G:48, B:223 and CMYK values of C:0.16, M:0.78, Y:0, K:0.13. Its decimal value is 12267743.

Hex triplet	bb30df	`#bb30df`
RGB Decimal	187, 48, 223	`rgb(187,48,223)`
RGB Percent	73.3, 18.8, 87.5	`rgb(73.3%,18.8%,87.5%)`
CMYK	16, 78, 0, 13
HSL	287.7°, 73.2, 53.1	`hsl(287.7,73.2%,53.1%)`
HSV (or HSB)	287.7°, 78.5, 87.5
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	49.506, 75.579, -60.854
XYZ	34.868, 18.008, 71.447
xyY	0.28, 0.145, 18.008
CIE-LCH	49.506, 97.033, 321.16
CIE-LUV	49.506, 45.516, -100.563
Hunter-Lab	42.436, 72.405, -70.119
Binary	10111011, 00110000, 11011111

#bb30df
```
#bb30df rgb(187,48,223)
```
#54df30
```
#54df30 rgb(84,223,48)
```

Complementary Color

#6330df
```
#6330df rgb(99,48,223)
```
#bb30df
```
#bb30df rgb(187,48,223)
```
#df30ac
```
#df30ac rgb(223,48,172)
```

Analogous Color

#30df63
```
#30df63 rgb(48,223,99)
```
#bb30df
```
#bb30df rgb(187,48,223)
```
#acdf30
```
#acdf30 rgb(172,223,48)
```

Split Complementary Color

#30dfbb
```
#30dfbb rgb(48,223,187)
```
#bb30df
```
#bb30df rgb(187,48,223)
```
#dfbb30
```
#dfbb30 rgb(223,187,48)
```

Triadic Color

#3054df
```
#3054df rgb(48,84,223)
```
#bb30df
```
#bb30df rgb(187,48,223)
```
#dfbb30
```
#dfbb30 rgb(223,187,48)
```
#54df30
```
#54df30 rgb(84,223,48)
```

Tetradic Color

#8b1aa8
```
#8b1aa8 rgb(139,26,168)
```
#9d1dbf
```
#9d1dbf rgb(157,29,191)
```
#b021d5
```
#b021d5 rgb(176,33,213)
```
#bb30df
```
#bb30df rgb(187,48,223)
```
#c246e2
```
#c246e2 rgb(194,70,226)
```
#ca5ce6
```
#ca5ce6 rgb(202,92,230)
```
#d172e9
```
#d172e9 rgb(209,114,233)
```

Monochromatic Color

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

#8f30df
```
#8f30df rgb(143,48,223)
```
#9e30df
```
#9e30df rgb(158,48,223)
```
#ac30df
```
#ac30df rgb(172,48,223)
```
#bb30df
```
#bb30df rgb(187,48,223)
```
#ca30df
```
#ca30df rgb(202,48,223)
```
#d830df
```
#d830df rgb(216,48,223)
```
#df30d7
```
#df30d7 rgb(223,48,215)
```

Similar Colors

Text with hexadecimal color #bb30df

This text has a font color of #bb30df.

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

#bb30df background color

This paragraph has a background color of #bb30df.

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

#bb30df border color

This element has a border color of #bb30df.

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

CSS codes

.text {color:#bb30df;}

.background {background-color:#bb30df;}

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

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

#0b020e
```
#0b020e rgb(11,2,14)
```
#19051f
```
#19051f rgb(25,5,31)
```
#280730
```
#280730 rgb(40,7,48)
```
#360a41
```
#360a41 rgb(54,10,65)
```
#440d52
```
#440d52 rgb(68,13,82)
```
#520f63
```
#520f63 rgb(82,15,99)
```
#601274
```
#601274 rgb(96,18,116)
```
#6e1585
```
#6e1585 rgb(110,21,133)
```
#7c1796
```
#7c1796 rgb(124,23,150)
```
#8a1aa7
```
#8a1aa7 rgb(138,26,167)
```
#981cb8
```
#981cb8 rgb(152,28,184)
```
#a61fc9
```
#a61fc9 rgb(166,31,201)
```
#b422da
```
#b422da rgb(180,34,218)
```

Shade Color Variation

#bb30df
```
#bb30df rgb(187,48,223)
```
#c141e2
```
#c141e2 rgb(193,65,226)
```
#c652e4
```
#c652e4 rgb(198,82,228)
```
#cc63e7
```
#cc63e7 rgb(204,99,231)
```
#d174ea
```
#d174ea rgb(209,116,234)
```
#d785ec
```
#d785ec rgb(215,133,236)
```
#dc96ef
```
#dc96ef rgb(220,150,239)
```
#e2a7f1
```
#e2a7f1 rgb(226,167,241)
```
#e8b8f4
```
#e8b8f4 rgb(232,184,244)
```
#edc9f7
```
#edc9f7 rgb(237,201,247)
```
#f3daf9
```
#f3daf9 rgb(243,218,249)
```
#f8ebfc
```
#f8ebfc rgb(248,235,252)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#8a838c
```
#8a838c rgb(138,131,140)
```
#907a95
```
#907a95 rgb(144,122,149)
```
#95709f
```
#95709f rgb(149,112,159)
```
#9b67a8
```
#9b67a8 rgb(155,103,168)
```
#a05eb1
```
#a05eb1 rgb(160,94,177)
```
#a555ba
```
#a555ba rgb(165,85,186)
```
#ab4cc3
```
#ab4cc3 rgb(171,76,195)
```
#b042cd
```
#b042cd rgb(176,66,205)
```
#b639d6
```
#b639d6 rgb(182,57,214)
```
#bb30df
```
#bb30df rgb(187,48,223)
```
#c027e8
```
#c027e8 rgb(192,39,232)
```
#c61ef1
```
#c61ef1 rgb(198,30,241)
```
#cb14fb
```
#cb14fb rgb(203,20,251)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#7d6285 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ec Protanopia 1% of men
#317ece Deuteranopia 1% of men
#ac6970 Tritanopia 0.001% of the population

Trichromacy

#445ee7 Protanomaly 1% of men, 0.01% of women
#6361d4 Deuteranomaly 6% of men, 0.4% of women
#b15498 Tritanomaly 0.01% of the population

#bb30df hex color

#bb30df Color Information

#bb30df Color Conversion

Color Schemes with #bb30df

Alternatives to #bb30df

#bb30df Preview

Shades and Tints of #bb30df

Tones of #bb30df

Color Blindness Simulator