#bd31b5 hex color

In a RGB color space, hex #bd31b5 is composed of 74.1% red, 19.2% green and 71% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.1% magenta, 4.2% yellow and 25.9% black. It has a hue angle of 303.4 degrees, a saturation of 58.8% and a lightness of 46.7%. #bd31b5 color hex could be obtained by blending #ff62ff with #7b006b. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 74
- G 19
- B 71
RGB color chart
- C 0
- M 74
- Y 4
- K 26
CMYK color chart

● #bd31b5 color description : Moderate magenta.

The hexadecimal color #bd31b5 has RGB values of R:189, G:49, B:181 and CMYK values of C:0, M:0.74, Y:0.04, K:0.26. Its decimal value is 12399029.

Hex triplet	bd31b5	`#bd31b5`
RGB Decimal	189, 49, 181	`rgb(189,49,181)`
RGB Percent	74.1, 19.2, 71	`rgb(74.1%,19.2%,71%)`
CMYK	0, 74, 4, 26
HSL	303.4°, 58.8, 46.7	`hsl(303.4,58.8%,46.7%)`
HSV (or HSB)	303.4°, 74.1, 74.1
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	47.435, 68.604, -39.899
XYZ	30.425, 16.354, 45.268
xyY	0.331, 0.178, 16.354
CIE-LCH	47.435, 79.362, 329.818
CIE-LUV	47.435, 60.358, -68.258
Hunter-Lab	40.44, 63.524, -38.061
Binary	10111101, 00110001, 10110101

#bd31b5
```
#bd31b5 rgb(189,49,181)
```
#31bd39
```
#31bd39 rgb(49,189,57)
```

Complementary Color

#7f31bd
```
#7f31bd rgb(127,49,189)
```
#bd31b5
```
#bd31b5 rgb(189,49,181)
```
#bd316f
```
#bd316f rgb(189,49,111)
```

Analogous Color

#31bd7f
```
#31bd7f rgb(49,189,127)
```
#bd31b5
```
#bd31b5 rgb(189,49,181)
```
#6fbd31
```
#6fbd31 rgb(111,189,49)
```

Split Complementary Color

#31b5bd
```
#31b5bd rgb(49,181,189)
```
#bd31b5
```
#bd31b5 rgb(189,49,181)
```
#b5bd31
```
#b5bd31 rgb(181,189,49)
```

Triadic Color

#3931bd
```
#3931bd rgb(57,49,189)
```
#bd31b5
```
#bd31b5 rgb(189,49,181)
```
#b5bd31
```
#b5bd31 rgb(181,189,49)
```
#31bd39
```
#31bd39 rgb(49,189,57)
```

Tetradic Color

#80217b
```
#80217b rgb(128,33,123)
```
#95278e
```
#95278e rgb(149,39,142)
```
#a92ca2
```
#a92ca2 rgb(169,44,162)
```
#bd31b5
```
#bd31b5 rgb(189,49,181)
```
#cc3bc4
```
#cc3bc4 rgb(204,59,196)
```
#d250ca
```
#d250ca rgb(210,80,202)
```
#d764d0
```
#d764d0 rgb(215,100,208)
```

Monochromatic Color

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

#a231bd
```
#a231bd rgb(162,49,189)
```
#ae31bd
```
#ae31bd rgb(174,49,189)
```
#b931bd
```
#b931bd rgb(185,49,189)
```
#bd31b5
```
#bd31b5 rgb(189,49,181)
```
#bd31a9
```
#bd31a9 rgb(189,49,169)
```
#bd319e
```
#bd319e rgb(189,49,158)
```
#bd3192
```
#bd3192 rgb(189,49,146)
```

Similar Colors

Text with hexadecimal color #bd31b5

This text has a font color of #bd31b5.

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

#bd31b5 background color

This paragraph has a background color of #bd31b5.

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

#bd31b5 border color

This element has a border color of #bd31b5.

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

CSS codes

.text {color:#bd31b5;}

.background {background-color:#bd31b5;}

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

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

#020102
```
#020102 rgb(2,1,2)
```
#120511
```
#120511 rgb(18,5,17)
```
#210920
```
#210920 rgb(33,9,32)
```
#310d2f
```
#310d2f rgb(49,13,47)
```
#40113e
```
#40113e rgb(64,17,62)
```
#50154d
```
#50154d rgb(80,21,77)
```
#60195b
```
#60195b rgb(96,25,91)
```
#6f1d6a
```
#6f1d6a rgb(111,29,106)
```
#7f2179
```
#7f2179 rgb(127,33,121)
```
#8e2588
```
#8e2588 rgb(142,37,136)
```
#9e2997
```
#9e2997 rgb(158,41,151)
```
#ad2da6
```
#ad2da6 rgb(173,45,166)
```
#bd31b5
```
#bd31b5 rgb(189,49,181)
```

Shade Color Variation

#cb37c3
```
#cb37c3 rgb(203,55,195)
```
#cf46c7
```
#cf46c7 rgb(207,70,199)
```
#d356cc
```
#d356cc rgb(211,86,204)
```
#d765d1
```
#d765d1 rgb(215,101,209)
```
#db75d5
```
#db75d5 rgb(219,117,213)
```
#df84da
```
#df84da rgb(223,132,218)
```
#e394df
```
#e394df rgb(227,148,223)
```
#e7a4e3
```
#e7a4e3 rgb(231,164,227)
```
#ebb3e8
```
#ebb3e8 rgb(235,179,232)
```
#efc3ed
```
#efc3ed rgb(239,195,237)
```
#f3d2f2
```
#f3d2f2 rgb(243,210,242)
```
#f7e2f6
```
#f7e2f6 rgb(247,226,246)
```
#fcf2fb
```
#fcf2fb rgb(252,242,251)
```

Tint Color Variation

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

#7d717c
```
#7d717c rgb(125,113,124)
```
#866884
```
#866884 rgb(134,104,132)
```
#8f5f8c
```
#8f5f8c rgb(143,95,140)
```
#985695
```
#985695 rgb(152,86,149)
```
#a24c9d
```
#a24c9d rgb(162,76,157)
```
#ab43a5
```
#ab43a5 rgb(171,67,165)
```
#b43aad
```
#b43aad rgb(180,58,173)
```
#bd31b5
```
#bd31b5 rgb(189,49,181)
```
#c628bd
```
#c628bd rgb(198,40,189)
```
#cf1fc5
```
#cf1fc5 rgb(207,31,197)
```
#d816cd
```
#d816cd rgb(216,22,205)
```
#e20cd5
```
#e20cd5 rgb(226,12,213)
```
#eb03de
```
#eb03de rgb(235,3,222)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#7b5f79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1374e3 Protanopia 1% of men
#6077aa Deuteranopia 1% of men
#b65b61 Tritanopia 0.001% of the population

Trichromacy

#505bd2 Protanomaly 1% of men, 0.01% of women
#825dae Deuteranomaly 6% of men, 0.4% of women
#b84c7f Tritanomaly 0.01% of the population

#bd31b5 hex color

#bd31b5 Color Information

#bd31b5 Color Conversion

Color Schemes with #bd31b5

Alternatives to #bd31b5

#bd31b5 Preview

Shades and Tints of #bd31b5

Tones of #bd31b5

Color Blindness Simulator