colorhexa.com

#bb31c6 hex color

In a RGB color space, hex #bb31c6 is composed of 73.3% red, 19.2% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 5.6% cyan, 75.3% magenta, 0% yellow and 22.4% black. It has a hue angle of 295.6 degrees, a saturation of 60.3% and a lightness of 48.4%. #bb31c6 color hex could be obtained by blending #ff62ff with #77008d. Closest websafe color is: #cc33cc.

- R 73
- G 19
- B 78
RGB color chart
- C 6
- M 75
- Y 0
- K 22
CMYK color chart

● #bb31c6 color description : Strong magenta.

The hexadecimal color #bb31c6 has RGB values of R:187, G:49, B:198 and CMYK values of C:0.06, M:0.75, Y:0, K:0.22. Its decimal value is 12267974.

Hex triplet	bb31c6	`#bb31c6`
RGB Decimal	187, 49, 198	`rgb(187,49,198)`
RGB Percent	73.3, 19.2, 77.6	`rgb(73.3%,19.2%,77.6%)`
CMYK	6, 75, 0, 22
HSL	295.6°, 60.3, 48.4	`hsl(295.6,60.3%,48.4%)`
HSV (or HSB)	295.6°, 75.3, 77.6
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	48.058, 70.937, -48.835
XYZ	31.784, 16.84, 54.999
xyY	0.307, 0.163, 16.84
CIE-LCH	48.058, 86.122, 325.455
CIE-LUV	48.058, 53.147, -81.887
Hunter-Lab	41.037, 66.436, -50.737
Binary	10111011, 00110001, 11000110

#bb31c6
```
#bb31c6 rgb(187,49,198)
```
#3cc631
```
#3cc631 rgb(60,198,49)
```

Complementary Color

#7131c6
```
#7131c6 rgb(113,49,198)
```
#bb31c6
```
#bb31c6 rgb(187,49,198)
```
#c63187
```
#c63187 rgb(198,49,135)
```

Analogous Color

#31c671
```
#31c671 rgb(49,198,113)
```
#bb31c6
```
#bb31c6 rgb(187,49,198)
```
#87c631
```
#87c631 rgb(135,198,49)
```

Split Complementary Color

#31c6bb
```
#31c6bb rgb(49,198,187)
```
#bb31c6
```
#bb31c6 rgb(187,49,198)
```
#c6bb31
```
#c6bb31 rgb(198,187,49)
```

Triadic Color

#313cc6
```
#313cc6 rgb(49,60,198)
```
#bb31c6
```
#bb31c6 rgb(187,49,198)
```
#c6bb31
```
#c6bb31 rgb(198,187,49)
```
#3cc631
```
#3cc631 rgb(60,198,49)
```

Tetradic Color

#812289
```
#812289 rgb(129,34,137)
```
#94279d
```
#94279d rgb(148,39,157)
```
#a82cb2
```
#a82cb2 rgb(168,44,178)
```
#bb31c6
```
#bb31c6 rgb(187,49,198)
```
#c541d0
```
#c541d0 rgb(197,65,208)
```
#cc55d5
```
#cc55d5 rgb(204,85,213)
```
#d269da
```
#d269da rgb(210,105,218)
```

Monochromatic Color

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

#9631c6
```
#9631c6 rgb(150,49,198)
```
#a231c6
```
#a231c6 rgb(162,49,198)
```
#af31c6
```
#af31c6 rgb(175,49,198)
```
#bb31c6
```
#bb31c6 rgb(187,49,198)
```
#c631c5
```
#c631c5 rgb(198,49,197)
```
#c631b8
```
#c631b8 rgb(198,49,184)
```
#c631ac
```
#c631ac rgb(198,49,172)
```

Similar Colors

Text with hexadecimal color #bb31c6

This text has a font color of #bb31c6.

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

#bb31c6 background color

This paragraph has a background color of #bb31c6.

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

#bb31c6 border color

This element has a border color of #bb31c6.

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

CSS codes

.text {color:#bb31c6;}

.background {background-color:#bb31c6;}

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

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

#090209
```
#090209 rgb(9,2,9)
```
#180619
```
#180619 rgb(24,6,25)
```
#260a29
```
#260a29 rgb(38,10,41)
```
#350e38
```
#350e38 rgb(53,14,56)
```
#441248
```
#441248 rgb(68,18,72)
```
#531658
```
#531658 rgb(83,22,88)
```
#621a68
```
#621a68 rgb(98,26,104)
```
#711e77
```
#711e77 rgb(113,30,119)
```
#802187
```
#802187 rgb(128,33,135)
```
#8e2597
```
#8e2597 rgb(142,37,151)
```
#9d29a7
```
#9d29a7 rgb(157,41,167)
```
#ac2db6
```
#ac2db6 rgb(172,45,182)
```
#bb31c6
```
#bb31c6 rgb(187,49,198)
```

Shade Color Variation

#c43ccf
```
#c43ccf rgb(196,60,207)
```
#c94cd3
```
#c94cd3 rgb(201,76,211)
```
#cd5bd6
```
#cd5bd6 rgb(205,91,214)
```
#d26bda
```
#d26bda rgb(210,107,218)
```
#d77bde
```
#d77bde rgb(215,123,222)
```
#dc8be2
```
#dc8be2 rgb(220,139,226)
```
#e09ae6
```
#e09ae6 rgb(224,154,230)
```
#e5aaea
```
#e5aaea rgb(229,170,234)
```
#eabaee
```
#eabaee rgb(234,186,238)
```
#efc9f2
```
#efc9f2 rgb(239,201,242)
```
#f4d9f6
```
#f4d9f6 rgb(244,217,246)
```
#f8e9fa
```
#f8e9fa rgb(248,233,250)
```
#fdf9fd
```
#fdf9fd rgb(253,249,253)
```

Tint Color Variation

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

#827484
```
#827484 rgb(130,116,132)
```
#8a6a8d
```
#8a6a8d rgb(138,106,141)
```
#936197
```
#936197 rgb(147,97,151)
```
#9b57a0
```
#9b57a0 rgb(155,87,160)
```
#a34eaa
```
#a34eaa rgb(163,78,170)
```
#ab44b3
```
#ab44b3 rgb(171,68,179)
```
#b33bbd
```
#b33bbd rgb(179,59,189)
```
#bb31c6
```
#bb31c6 rgb(187,49,198)
```
#c328d0
```
#c328d0 rgb(195,40,208)
```
#cb1ed9
```
#cb1ed9 rgb(203,30,217)
```
#d315e3
```
#d315e3 rgb(211,21,227)
```
#db0bec
```
#db0bec rgb(219,11,236)
```
#e301f6
```
#e301f6 rgb(227,1,246)
```

Tone Color Variation

Below, you can see how #bb31c6 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
#7b5f7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e6 Protanopia 1% of men
#5279b8 Deuteranopia 1% of men
#b16167 Tritanopia 0.001% of the population

Trichromacy

#445cda Protanomaly 1% of men, 0.01% of women
#785fbd Deuteranomaly 6% of men, 0.4% of women
#b44f8a Tritanomaly 0.01% of the population