#bd31b7 hex color

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

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

● #bd31b7 color description : Moderate magenta.

The hexadecimal color #bd31b7 has RGB values of R:189, G:49, B:183 and CMYK values of C:0, M:0.74, Y:0.03, K:0.26. Its decimal value is 12399031.

Hex triplet	bd31b7	`#bd31b7`
RGB Decimal	189, 49, 183	`rgb(189,49,183)`
RGB Percent	74.1, 19.2, 71.8	`rgb(74.1%,19.2%,71.8%)`
CMYK	0, 74, 3, 26
HSL	302.6°, 58.8, 46.7	`hsl(302.6,58.8%,46.7%)`
HSV (or HSB)	302.6°, 74.1, 74.1
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	47.542, 68.916, -40.902
XYZ	30.631, 16.436, 46.356
xyY	0.328, 0.176, 16.436
CIE-LCH	47.542, 80.14, 329.311
CIE-LUV	47.542, 59.652, -69.809
Hunter-Lab	40.542, 63.917, -39.414
Binary	10111101, 00110001, 10110111

#bd31b7
```
#bd31b7 rgb(189,49,183)
```
#31bd37
```
#31bd37 rgb(49,189,55)
```

Complementary Color

#7d31bd
```
#7d31bd rgb(125,49,189)
```
#bd31b7
```
#bd31b7 rgb(189,49,183)
```
#bd3171
```
#bd3171 rgb(189,49,113)
```

Analogous Color

#31bd7d
```
#31bd7d rgb(49,189,125)
```
#bd31b7
```
#bd31b7 rgb(189,49,183)
```
#71bd31
```
#71bd31 rgb(113,189,49)
```

Split Complementary Color

#31b7bd
```
#31b7bd rgb(49,183,189)
```
#bd31b7
```
#bd31b7 rgb(189,49,183)
```
#b7bd31
```
#b7bd31 rgb(183,189,49)
```

Triadic Color

#3731bd
```
#3731bd rgb(55,49,189)
```
#bd31b7
```
#bd31b7 rgb(189,49,183)
```
#b7bd31
```
#b7bd31 rgb(183,189,49)
```
#31bd37
```
#31bd37 rgb(49,189,55)
```

Tetradic Color

#80217c
```
#80217c rgb(128,33,124)
```
#952790
```
#952790 rgb(149,39,144)
```
#a92ca3
```
#a92ca3 rgb(169,44,163)
```
#bd31b7
```
#bd31b7 rgb(189,49,183)
```
#cc3bc6
```
#cc3bc6 rgb(204,59,198)
```
#d250cc
```
#d250cc rgb(210,80,204)
```
#d764d2
```
#d764d2 rgb(215,100,210)
```

Monochromatic Color

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

#a031bd
```
#a031bd rgb(160,49,189)
```
#ac31bd
```
#ac31bd rgb(172,49,189)
```
#b731bd
```
#b731bd rgb(183,49,189)
```
#bd31b7
```
#bd31b7 rgb(189,49,183)
```
#bd31ab
```
#bd31ab rgb(189,49,171)
```
#bd31a0
```
#bd31a0 rgb(189,49,160)
```
#bd3194
```
#bd3194 rgb(189,49,148)
```

Similar Colors

Text with hexadecimal color #bd31b7

This text has a font color of #bd31b7.

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

#bd31b7 background color

This paragraph has a background color of #bd31b7.

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

#bd31b7 border color

This element has a border color of #bd31b7.

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

CSS codes

.text {color:#bd31b7;}

.background {background-color:#bd31b7;}

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

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)
```
#60195d
```
#60195d rgb(96,25,93)
```
#6f1d6c
```
#6f1d6c rgb(111,29,108)
```
#7f217b
```
#7f217b rgb(127,33,123)
```
#8e258a
```
#8e258a rgb(142,37,138)
```
#9e2999
```
#9e2999 rgb(158,41,153)
```
#ad2da8
```
#ad2da8 rgb(173,45,168)
```
#bd31b7
```
#bd31b7 rgb(189,49,183)
```

Shade Color Variation

#cb37c5
```
#cb37c5 rgb(203,55,197)
```
#cf46c9
```
#cf46c9 rgb(207,70,201)
```
#d356ce
```
#d356ce rgb(211,86,206)
```
#d765d2
```
#d765d2 rgb(215,101,210)
```
#db75d7
```
#db75d7 rgb(219,117,215)
```
#df84db
```
#df84db rgb(223,132,219)
```
#e394e0
```
#e394e0 rgb(227,148,224)
```
#e7a4e4
```
#e7a4e4 rgb(231,164,228)
```
#ebb3e9
```
#ebb3e9 rgb(235,179,233)
```
#efc3ed
```
#efc3ed rgb(239,195,237)
```
#f3d2f2
```
#f3d2f2 rgb(243,210,242)
```
#f7e2f7
```
#f7e2f7 rgb(247,226,247)
```
#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 #eb03e1 is the most saturated one.

#7d717c
```
#7d717c rgb(125,113,124)
```
#866885
```
#866885 rgb(134,104,133)
```
#8f5f8d
```
#8f5f8d rgb(143,95,141)
```
#985696
```
#985696 rgb(152,86,150)
```
#a24c9e
```
#a24c9e rgb(162,76,158)
```
#ab43a6
```
#ab43a6 rgb(171,67,166)
```
#b43aaf
```
#b43aaf rgb(180,58,175)
```
#bd31b7
```
#bd31b7 rgb(189,49,183)
```
#c628bf
```
#c628bf rgb(198,40,191)
```
#cf1fc8
```
#cf1fc8 rgb(207,31,200)
```
#d816d0
```
#d816d0 rgb(216,22,208)
```
#e20cd8
```
#e20cd8 rgb(226,12,216)
```
#eb03e1
```
#eb03e1 rgb(235,3,225)
```

Tone Color Variation

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

#0074e4 Protanopia 1% of men
#5f77ab Deuteranopia 1% of men
#b55c62 Tritanopia 0.001% of the population

Trichromacy

#445bd4 Protanomaly 1% of men, 0.01% of women
#815daf Deuteranomaly 6% of men, 0.4% of women
#b84c81 Tritanomaly 0.01% of the population

#bd31b7 hex color

#bd31b7 Color Information

#bd31b7 Color Conversion

Color Schemes with #bd31b7

Alternatives to #bd31b7

#bd31b7 Preview

Shades and Tints of #bd31b7

Tones of #bd31b7

Color Blindness Simulator