#bb31de hex color

In a RGB color space, hex #bb31de is composed of 73.3% red, 19.2% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 15.8% cyan, 77.9% magenta, 0% yellow and 12.9% black. It has a hue angle of 287.9 degrees, a saturation of 72.4% and a lightness of 53.1%. #bb31de color hex could be obtained by blending #ff62ff with #7700bd. 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

● #bb31de color description : Bright magenta.

The hexadecimal color #bb31de has RGB values of R:187, G:49, B:222 and CMYK values of C:0.16, M:0.78, Y:0, K:0.13. Its decimal value is 12267998.

Hex triplet	bb31de	`#bb31de`
RGB Decimal	187, 49, 222	`rgb(187,49,222)`
RGB Percent	73.3, 19.2, 87.1	`rgb(73.3%,19.2%,87.1%)`
CMYK	16, 78, 0, 13
HSL	287.9°, 72.4, 53.1	`hsl(287.9,72.4%,53.1%)`
HSV (or HSB)	287.9°, 77.9, 87.1
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	49.541, 75.109, -60.229
XYZ	34.775, 18.037, 70.753
xyY	0.281, 0.146, 18.037
CIE-LCH	49.541, 96.275, 321.274
CIE-LUV	49.541, 45.667, -99.634
Hunter-Lab	42.47, 71.837, -69.045
Binary	10111011, 00110001, 11011110

#bb31de
```
#bb31de rgb(187,49,222)
```
#54de31
```
#54de31 rgb(84,222,49)
```

Complementary Color

#6531de
```
#6531de rgb(101,49,222)
```
#bb31de
```
#bb31de rgb(187,49,222)
```
#de31ab
```
#de31ab rgb(222,49,171)
```

Analogous Color

#31de65
```
#31de65 rgb(49,222,101)
```
#bb31de
```
#bb31de rgb(187,49,222)
```
#abde31
```
#abde31 rgb(171,222,49)
```

Split Complementary Color

#31debb
```
#31debb rgb(49,222,187)
```
#bb31de
```
#bb31de rgb(187,49,222)
```
#debb31
```
#debb31 rgb(222,187,49)
```

Triadic Color

#3154de
```
#3154de rgb(49,84,222)
```
#bb31de
```
#bb31de rgb(187,49,222)
```
#debb31
```
#debb31 rgb(222,187,49)
```
#54de31
```
#54de31 rgb(84,222,49)
```

Tetradic Color

#8b1ba8
```
#8b1ba8 rgb(139,27,168)
```
#9d1ebe
```
#9d1ebe rgb(157,30,190)
```
#b022d4
```
#b022d4 rgb(176,34,212)
```
#bb31de
```
#bb31de rgb(187,49,222)
```
#c247e2
```
#c247e2 rgb(194,71,226)
```
#ca5de5
```
#ca5de5 rgb(202,93,229)
```
#d173e9
```
#d173e9 rgb(209,115,233)
```

Monochromatic Color

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

#9031de
```
#9031de rgb(144,49,222)
```
#9e31de
```
#9e31de rgb(158,49,222)
```
#ad31de
```
#ad31de rgb(173,49,222)
```
#bb31de
```
#bb31de rgb(187,49,222)
```
#c931de
```
#c931de rgb(201,49,222)
```
#d831de
```
#d831de rgb(216,49,222)
```
#de31d6
```
#de31d6 rgb(222,49,214)
```

Similar Colors

Text with hexadecimal color #bb31de

This text has a font color of #bb31de.

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

#bb31de background color

This paragraph has a background color of #bb31de.

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

#bb31de border color

This element has a border color of #bb31de.

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

CSS codes

.text {color:#bb31de;}

.background {background-color:#bb31de;}

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

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)
```
#280830
```
#280830 rgb(40,8,48)
```
#360a41
```
#360a41 rgb(54,10,65)
```
#440d51
```
#440d51 rgb(68,13,81)
```
#521062
```
#521062 rgb(82,16,98)
```
#601273
```
#601273 rgb(96,18,115)
```
#6e1584
```
#6e1584 rgb(110,21,132)
```
#7c1895
```
#7c1895 rgb(124,24,149)
```
#8a1ba6
```
#8a1ba6 rgb(138,27,166)
```
#981db7
```
#981db7 rgb(152,29,183)
```
#a620c8
```
#a620c8 rgb(166,32,200)
```
#b423d9
```
#b423d9 rgb(180,35,217)
```

Shade Color Variation

#bb31de
```
#bb31de rgb(187,49,222)
```
#c142e1
```
#c142e1 rgb(193,66,225)
```
#c653e3
```
#c653e3 rgb(198,83,227)
```
#cc64e6
```
#cc64e6 rgb(204,100,230)
```
#d175e9
```
#d175e9 rgb(209,117,233)
```
#d786ec
```
#d786ec rgb(215,134,236)
```
#dc96ee
```
#dc96ee rgb(220,150,238)
```
#e2a7f1
```
#e2a7f1 rgb(226,167,241)
```
#e8b8f4
```
#e8b8f4 rgb(232,184,244)
```
#edc9f6
```
#edc9f6 rgb(237,201,246)
```
#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, #8a848b is the less saturated color, while #cb15fa is the most saturated one.

#8a848b
```
#8a848b rgb(138,132,139)
```
#8f7b94
```
#8f7b94 rgb(143,123,148)
```
#95719e
```
#95719e rgb(149,113,158)
```
#9a68a7
```
#9a68a7 rgb(154,104,167)
```
#a05fb0
```
#a05fb0 rgb(160,95,176)
```
#a556b9
```
#a556b9 rgb(165,86,185)
```
#ab4dc2
```
#ab4dc2 rgb(171,77,194)
```
#b043cc
```
#b043cc rgb(176,67,204)
```
#b63ad5
```
#b63ad5 rgb(182,58,213)
```
#bb31de
```
#bb31de rgb(187,49,222)
```
#c028e7
```
#c028e7 rgb(192,40,231)
```
#c61ff0
```
#c61ff0 rgb(198,31,240)
```
#cb15fa
```
#cb15fa rgb(203,21,250)
```

Tone Color Variation

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

Dichromacy

#0079ec Protanopia 1% of men
#347ecd Deuteranopia 1% of men
#ac6970 Tritanopia 0.001% of the population

Trichromacy

#445ee7 Protanomaly 1% of men, 0.01% of women
#6562d3 Deuteranomaly 6% of men, 0.4% of women
#b25598 Tritanomaly 0.01% of the population

#bb31de hex color

#bb31de Color Information

#bb31de Color Conversion

Color Schemes with #bb31de

Alternatives to #bb31de

#bb31de Preview

Shades and Tints of #bb31de

Tones of #bb31de

Color Blindness Simulator