#bd31b6 hex color

In a RGB color space, hex #bd31b6 is composed of 74.1% red, 19.2% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.1% magenta, 3.7% yellow and 25.9% black. It has a hue angle of 303 degrees, a saturation of 58.8% and a lightness of 46.7%. #bd31b6 color hex could be obtained by blending #ff62ff with #7b006d. 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

● #bd31b6 color description : Moderate magenta.

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

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

CIE-LAB	47.488, 68.76, -40.401
XYZ	30.528, 16.395, 45.81
xyY	0.329, 0.177, 16.395
CIE-LCH	47.488, 79.751, 329.563
CIE-LUV	47.488, 60.004, -69.034
Hunter-Lab	40.491, 63.72, -38.736
Binary	10111101, 00110001, 10110110

#bd31b6
```
#bd31b6 rgb(189,49,182)
```
#31bd38
```
#31bd38 rgb(49,189,56)
```

Complementary Color

#7e31bd
```
#7e31bd rgb(126,49,189)
```
#bd31b6
```
#bd31b6 rgb(189,49,182)
```
#bd3170
```
#bd3170 rgb(189,49,112)
```

Analogous Color

#31bd7e
```
#31bd7e rgb(49,189,126)
```
#bd31b6
```
#bd31b6 rgb(189,49,182)
```
#70bd31
```
#70bd31 rgb(112,189,49)
```

Split Complementary Color

#31b6bd
```
#31b6bd rgb(49,182,189)
```
#bd31b6
```
#bd31b6 rgb(189,49,182)
```
#b6bd31
```
#b6bd31 rgb(182,189,49)
```

Triadic Color

#3831bd
```
#3831bd rgb(56,49,189)
```
#bd31b6
```
#bd31b6 rgb(189,49,182)
```
#b6bd31
```
#b6bd31 rgb(182,189,49)
```
#31bd38
```
#31bd38 rgb(49,189,56)
```

Tetradic Color

#80217c
```
#80217c rgb(128,33,124)
```
#95278f
```
#95278f rgb(149,39,143)
```
#a92ca3
```
#a92ca3 rgb(169,44,163)
```
#bd31b6
```
#bd31b6 rgb(189,49,182)
```
#cc3bc5
```
#cc3bc5 rgb(204,59,197)
```
#d250cb
```
#d250cb rgb(210,80,203)
```
#d764d1
```
#d764d1 rgb(215,100,209)
```

Monochromatic Color

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

#a131bd
```
#a131bd rgb(161,49,189)
```
#ad31bd
```
#ad31bd rgb(173,49,189)
```
#b831bd
```
#b831bd rgb(184,49,189)
```
#bd31b6
```
#bd31b6 rgb(189,49,182)
```
#bd31aa
```
#bd31aa rgb(189,49,170)
```
#bd319f
```
#bd319f rgb(189,49,159)
```
#bd3193
```
#bd3193 rgb(189,49,147)
```

Similar Colors

Text with hexadecimal color #bd31b6

This text has a font color of #bd31b6.

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

#bd31b6 background color

This paragraph has a background color of #bd31b6.

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

#bd31b6 border color

This element has a border color of #bd31b6.

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

CSS codes

.text {color:#bd31b6;}

.background {background-color:#bd31b6;}

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

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)
```
#60195c
```
#60195c rgb(96,25,92)
```
#6f1d6b
```
#6f1d6b rgb(111,29,107)
```
#7f217a
```
#7f217a rgb(127,33,122)
```
#8e2589
```
#8e2589 rgb(142,37,137)
```
#9e2998
```
#9e2998 rgb(158,41,152)
```
#ad2da7
```
#ad2da7 rgb(173,45,167)
```
#bd31b6
```
#bd31b6 rgb(189,49,182)
```

Shade Color Variation

#cb37c4
```
#cb37c4 rgb(203,55,196)
```
#cf46c8
```
#cf46c8 rgb(207,70,200)
```
#d356cd
```
#d356cd rgb(211,86,205)
```
#d765d1
```
#d765d1 rgb(215,101,209)
```
#db75d6
```
#db75d6 rgb(219,117,214)
```
#df84db
```
#df84db rgb(223,132,219)
```
#e394df
```
#e394df rgb(227,148,223)
```
#e7a4e4
```
#e7a4e4 rgb(231,164,228)
```
#ebb3e9
```
#ebb3e9 rgb(235,179,233)
```
#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 #eb03df is the most saturated one.

#7d717c
```
#7d717c rgb(125,113,124)
```
#866885
```
#866885 rgb(134,104,133)
```
#8f5f8d
```
#8f5f8d rgb(143,95,141)
```
#985695
```
#985695 rgb(152,86,149)
```
#a24c9d
```
#a24c9d rgb(162,76,157)
```
#ab43a6
```
#ab43a6 rgb(171,67,166)
```
#b43aae
```
#b43aae rgb(180,58,174)
```
#bd31b6
```
#bd31b6 rgb(189,49,182)
```
#c628be
```
#c628be rgb(198,40,190)
```
#cf1fc6
```
#cf1fc6 rgb(207,31,198)
```
#d816cf
```
#d816cf rgb(216,22,207)
```
#e20cd7
```
#e20cd7 rgb(226,12,215)
```
#eb03df
```
#eb03df rgb(235,3,223)
```

Tone Color Variation

Below, you can see how #bd31b6 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
#6077ab Deuteranopia 1% of men
#b55c61 Tritanopia 0.001% of the population

Trichromacy

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

#bd31b6 hex color

#bd31b6 Color Information

#bd31b6 Color Conversion

Color Schemes with #bd31b6

Alternatives to #bd31b6

#bd31b6 Preview

Shades and Tints of #bd31b6

Tones of #bd31b6

Color Blindness Simulator