#bc31a5 hex color

In a RGB color space, hex #bc31a5 is composed of 73.7% red, 19.2% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.9% magenta, 12.2% yellow and 26.3% black. It has a hue angle of 309.9 degrees, a saturation of 58.6% and a lightness of 46.5%. #bc31a5 color hex could be obtained by blending #ff62ff with #79004b. Closest websafe color is: #cc3399.

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

● #bc31a5 color description : Moderate magenta.

The hexadecimal color #bc31a5 has RGB values of R:188, G:49, B:165 and CMYK values of C:0, M:0.74, Y:0.12, K:0.26. Its decimal value is 12333477.

Hex triplet	bc31a5	`#bc31a5`
RGB Decimal	188, 49, 165	`rgb(188,49,165)`
RGB Percent	73.7, 19.2, 64.7	`rgb(73.7%,19.2%,64.7%)`
CMYK	0, 74, 12, 26
HSL	309.9°, 58.6, 46.5	`hsl(309.9,58.6%,46.5%)`
HSV (or HSB)	309.9°, 73.9, 73.7
Web Safe	cc3399	`#cc3399`

CIE-LAB	46.454, 65.965, -32.011
XYZ	28.629, 15.607, 37.1
xyY	0.352, 0.192, 15.607
CIE-LCH	46.454, 73.322, 334.114
CIE-LUV	46.454, 65.418, -56.044
Hunter-Lab	39.505, 60.221, -28.026
Binary	10111100, 00110001, 10100101

#bc31a5
```
#bc31a5 rgb(188,49,165)
```
#31bc48
```
#31bc48 rgb(49,188,72)
```

Complementary Color

#8e31bc
```
#8e31bc rgb(142,49,188)
```
#bc31a5
```
#bc31a5 rgb(188,49,165)
```
#bc315f
```
#bc315f rgb(188,49,95)
```

Analogous Color

#31bc8e
```
#31bc8e rgb(49,188,142)
```
#bc31a5
```
#bc31a5 rgb(188,49,165)
```
#5fbc31
```
#5fbc31 rgb(95,188,49)
```

Split Complementary Color

#31a5bc
```
#31a5bc rgb(49,165,188)
```
#bc31a5
```
#bc31a5 rgb(188,49,165)
```
#a5bc31
```
#a5bc31 rgb(165,188,49)
```

Triadic Color

#4831bc
```
#4831bc rgb(72,49,188)
```
#bc31a5
```
#bc31a5 rgb(188,49,165)
```
#a5bc31
```
#a5bc31 rgb(165,188,49)
```
#31bc48
```
#31bc48 rgb(49,188,72)
```

Tetradic Color

#7f2170
```
#7f2170 rgb(127,33,112)
```
#942681
```
#942681 rgb(148,38,129)
```
#a82c93
```
#a82c93 rgb(168,44,147)
```
#bc31a5
```
#bc31a5 rgb(188,49,165)
```
#cc3bb4
```
#cc3bb4 rgb(204,59,180)
```
#d14fbc
```
#d14fbc rgb(209,79,188)
```
#d663c3
```
#d663c3 rgb(214,99,195)
```

Monochromatic Color

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

#b031bc
```
#b031bc rgb(176,49,188)
```
#bc31bc
```
#bc31bc rgb(188,49,188)
```
#bc31b1
```
#bc31b1 rgb(188,49,177)
```
#bc31a5
```
#bc31a5 rgb(188,49,165)
```
#bc3199
```
#bc3199 rgb(188,49,153)
```
#bc318e
```
#bc318e rgb(188,49,142)
```
#bc3182
```
#bc3182 rgb(188,49,130)
```

Similar Colors

Text with hexadecimal color #bc31a5

This text has a font color of #bc31a5.

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

#bc31a5 background color

This paragraph has a background color of #bc31a5.

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

#bc31a5 border color

This element has a border color of #bc31a5.

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

CSS codes

.text {color:#bc31a5;}

.background {background-color:#bc31a5;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#11040f
```
#11040f rgb(17,4,15)
```
#20081c
```
#20081c rgb(32,8,28)
```
#300d2a
```
#300d2a rgb(48,13,42)
```
#401138
```
#401138 rgb(64,17,56)
```
#4f1545
```
#4f1545 rgb(79,21,69)
```
#5f1953
```
#5f1953 rgb(95,25,83)
```
#6e1d61
```
#6e1d61 rgb(110,29,97)
```
#7e216e
```
#7e216e rgb(126,33,110)
```
#8d257c
```
#8d257c rgb(141,37,124)
```
#9d298a
```
#9d298a rgb(157,41,138)
```
#ac2d97
```
#ac2d97 rgb(172,45,151)
```
#bc31a5
```
#bc31a5 rgb(188,49,165)
```

Shade Color Variation

#cb36b2
```
#cb36b2 rgb(203,54,178)
```
#cf46b8
```
#cf46b8 rgb(207,70,184)
```
#d355be
```
#d355be rgb(211,85,190)
```
#d765c4
```
#d765c4 rgb(215,101,196)
```
#db74ca
```
#db74ca rgb(219,116,202)
```
#df84d0
```
#df84d0 rgb(223,132,208)
```
#e393d6
```
#e393d6 rgb(227,147,214)
```
#e7a3dc
```
#e7a3dc rgb(231,163,220)
```
#ebb2e2
```
#ebb2e2 rgb(235,178,226)
```
#efc2e8
```
#efc2e8 rgb(239,194,232)
```
#f3d2ee
```
#f3d2ee rgb(243,210,238)
```
#f7e1f4
```
#f7e1f4 rgb(247,225,244)
```
#fbf1fa
```
#fbf1fa rgb(251,241,250)
```

Tint Color Variation

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

#7c717a
```
#7c717a rgb(124,113,122)
```
#856880
```
#856880 rgb(133,104,128)
```
#8e5f87
```
#8e5f87 rgb(142,95,135)
```
#98558d
```
#98558d rgb(152,85,141)
```
#a14c93
```
#a14c93 rgb(161,76,147)
```
#aa4399
```
#aa4399 rgb(170,67,153)
```
#b33a9f
```
#b33a9f rgb(179,58,159)
```
#bc31a5
```
#bc31a5 rgb(188,49,165)
```
#c528ab
```
#c528ab rgb(197,40,171)
```
#ce1fb1
```
#ce1fb1 rgb(206,31,177)
```
#d716b7
```
#d716b7 rgb(215,22,183)
```
#e00dbd
```
#e00dbd rgb(224,13,189)
```
#ea03c3
```
#ea03c3 rgb(234,3,195)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#795d74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c72d0 Protanopia 1% of men
#68749c Deuteranopia 1% of men
#b7565c Tritanopia 0.001% of the population

Trichromacy

#6b5ac0 Protanomaly 1% of men, 0.01% of women
#875b9f Deuteranomaly 6% of men, 0.4% of women
#b84876 Tritanomaly 0.01% of the population

#bc31a5 hex color

#bc31a5 Color Information

#bc31a5 Color Conversion

Color Schemes with #bc31a5

Alternatives to #bc31a5

#bc31a5 Preview

Shades and Tints of #bc31a5

Tones of #bc31a5

Color Blindness Simulator