#bb31c8 hex color

In a RGB color space, hex #bb31c8 is composed of 73.3% red, 19.2% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 6.5% cyan, 75.5% magenta, 0% yellow and 21.6% black. It has a hue angle of 294.8 degrees, a saturation of 60.6% and a lightness of 48.8%. #bb31c8 color hex could be obtained by blending #ff62ff with #770091. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 19
- B 78
RGB color chart
- C 7
- M 76
- Y 0
- K 22
CMYK color chart

● #bb31c8 color description : Strong magenta.

The hexadecimal color #bb31c8 has RGB values of R:187, G:49, B:200 and CMYK values of C:0.07, M:0.76, Y:0, K:0.22. Its decimal value is 12267976.

Hex triplet	bb31c8	`#bb31c8`
RGB Decimal	187, 49, 200	`rgb(187,49,200)`
RGB Percent	73.3, 19.2, 78.4	`rgb(73.3%,19.2%,78.4%)`
CMYK	7, 76, 0, 22
HSL	294.8°, 60.6, 48.8	`hsl(294.8,60.6%,48.8%)`
HSV (or HSB)	294.8°, 75.5, 78.4
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	48.176, 71.274, -49.804
XYZ	32.016, 16.933, 56.223
xyY	0.304, 0.161, 16.933
CIE-LCH	48.176, 86.951, 325.055
CIE-LUV	48.176, 52.493, -83.395
Hunter-Lab	41.15, 66.866, -52.201
Binary	10111011, 00110001, 11001000

#bb31c8
```
#bb31c8 rgb(187,49,200)
```
#3ec831
```
#3ec831 rgb(62,200,49)
```

Complementary Color

#7031c8
```
#7031c8 rgb(112,49,200)
```
#bb31c8
```
#bb31c8 rgb(187,49,200)
```
#c8318a
```
#c8318a rgb(200,49,138)
```

Analogous Color

#31c870
```
#31c870 rgb(49,200,112)
```
#bb31c8
```
#bb31c8 rgb(187,49,200)
```
#8ac831
```
#8ac831 rgb(138,200,49)
```

Split Complementary Color

#31c8bb
```
#31c8bb rgb(49,200,187)
```
#bb31c8
```
#bb31c8 rgb(187,49,200)
```
#c8bb31
```
#c8bb31 rgb(200,187,49)
```

Triadic Color

#313ec8
```
#313ec8 rgb(49,62,200)
```
#bb31c8
```
#bb31c8 rgb(187,49,200)
```
#c8bb31
```
#c8bb31 rgb(200,187,49)
```
#3ec831
```
#3ec831 rgb(62,200,49)
```

Tetradic Color

#82228b
```
#82228b rgb(130,34,139)
```
#95279f
```
#95279f rgb(149,39,159)
```
#a82cb4
```
#a82cb4 rgb(168,44,180)
```
#bb31c8
```
#bb31c8 rgb(187,49,200)
```
#c442d1
```
#c442d1 rgb(196,66,209)
```
#cb56d6
```
#cb56d6 rgb(203,86,214)
```
#d16bdb
```
#d16bdb rgb(209,107,219)
```

Monochromatic Color

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

#9531c8
```
#9531c8 rgb(149,49,200)
```
#a231c8
```
#a231c8 rgb(162,49,200)
```
#ae31c8
```
#ae31c8 rgb(174,49,200)
```
#bb31c8
```
#bb31c8 rgb(187,49,200)
```
#c831c8
```
#c831c8 rgb(200,49,200)
```
#c831bc
```
#c831bc rgb(200,49,188)
```
#c831af
```
#c831af rgb(200,49,175)
```

Similar Colors

Text with hexadecimal color #bb31c8

This text has a font color of #bb31c8.

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

#bb31c8 background color

This paragraph has a background color of #bb31c8.

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

#bb31c8 border color

This element has a border color of #bb31c8.

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

CSS codes

.text {color:#bb31c8;}

.background {background-color:#bb31c8;}

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

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

#0a030b
```
#0a030b rgb(10,3,11)
```
#19071b
```
#19071b rgb(25,7,27)
```
#280a2a
```
#280a2a rgb(40,10,42)
```
#360e3a
```
#360e3a rgb(54,14,58)
```
#45124a
```
#45124a rgb(69,18,74)
```
#54165a
```
#54165a rgb(84,22,90)
```
#631a69
```
#631a69 rgb(99,26,105)
```
#711e79
```
#711e79 rgb(113,30,121)
```
#802289
```
#802289 rgb(128,34,137)
```
#8f2599
```
#8f2599 rgb(143,37,153)
```
#9e29a8
```
#9e29a8 rgb(158,41,168)
```
#ac2db8
```
#ac2db8 rgb(172,45,184)
```
#bb31c8
```
#bb31c8 rgb(187,49,200)
```

Shade Color Variation

#c33dcf
```
#c33dcf rgb(195,61,207)
```
#c84dd3
```
#c84dd3 rgb(200,77,211)
```
#cd5dd7
```
#cd5dd7 rgb(205,93,215)
```
#d26cdb
```
#d26cdb rgb(210,108,219)
```
#d67cdf
```
#d67cdf rgb(214,124,223)
```
#db8ce3
```
#db8ce3 rgb(219,140,227)
```
#e09ce7
```
#e09ce7 rgb(224,156,231)
```
#e5abeb
```
#e5abeb rgb(229,171,235)
```
#eabbee
```
#eabbee rgb(234,187,238)
```
#efcbf2
```
#efcbf2 rgb(239,203,242)
```
#f4dbf6
```
#f4dbf6 rgb(244,219,246)
```
#f9eafa
```
#f9eafa rgb(249,234,250)
```
#fefafe
```
#fefafe rgb(254,250,254)
```

Tint Color Variation

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

#847485
```
#847485 rgb(132,116,133)
```
#8b6a8f
```
#8b6a8f rgb(139,106,143)
```
#936198
```
#936198 rgb(147,97,152)
```
#9b57a2
```
#9b57a2 rgb(155,87,162)
```
#a34eab
```
#a34eab rgb(163,78,171)
```
#ab44b5
```
#ab44b5 rgb(171,68,181)
```
#b33bbe
```
#b33bbe rgb(179,59,190)
```
#bb31c8
```
#bb31c8 rgb(187,49,200)
```
#c327d2
```
#c327d2 rgb(195,39,210)
```
#cb1edb
```
#cb1edb rgb(203,30,219)
```
#d314e5
```
#d314e5 rgb(211,20,229)
```
#db0bee
```
#db0bee rgb(219,11,238)
```
#e301f8
```
#e301f8 rgb(227,1,248)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#7b5f7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e6 Protanopia 1% of men
#507aba Deuteranopia 1% of men
#b06268 Tritanopia 0.001% of the population

Trichromacy

#445cdb Protanomaly 1% of men, 0.01% of women
#775fbf Deuteranomaly 6% of men, 0.4% of women
#b4508b Tritanomaly 0.01% of the population

#bb31c8 hex color

#bb31c8 Color Information

#bb31c8 Color Conversion

Color Schemes with #bb31c8

Alternatives to #bb31c8

#bb31c8 Preview

Shades and Tints of #bb31c8

Tones of #bb31c8

Color Blindness Simulator