#bc317d hex color

In a RGB color space, hex #bc317d is composed of 73.7% red, 19.2% green and 49% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.9% magenta, 33.5% yellow and 26.3% black. It has a hue angle of 327.2 degrees, a saturation of 58.6% and a lightness of 46.5%. #bc317d color hex could be obtained by blending #ff62fa with #790000. Closest websafe color is: #cc3366.

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

● #bc317d color description : Moderate pink.

The hexadecimal color #bc317d has RGB values of R:188, G:49, B:125 and CMYK values of C:0, M:0.74, Y:0.34, K:0.26. Its decimal value is 12333437.

Hex triplet	bc317d	`#bc317d`
RGB Decimal	188, 49, 125	`rgb(188,49,125)`
RGB Percent	73.7, 19.2, 49	`rgb(73.7%,19.2%,49%)`
CMYK	0, 74, 34, 26
HSL	327.2°, 58.6, 46.5	`hsl(327.2,58.6%,46.5%)`
HSV (or HSB)	327.2°, 73.9, 73.7
Web Safe	cc3366	`#cc3366`

CIE-LAB	44.76, 60.749, -10.481
XYZ	25.539, 14.371, 20.83
xyY	0.42, 0.237, 14.371
CIE-LCH	44.76, 61.646, 350.211
CIE-LUV	44.76, 80.681, -24.619
Hunter-Lab	37.909, 53.914, -6.042
Binary	10111100, 00110001, 01111101

#bc317d
```
#bc317d rgb(188,49,125)
```
#31bc70
```
#31bc70 rgb(49,188,112)
```

Complementary Color

#b631bc
```
#b631bc rgb(182,49,188)
```
#bc317d
```
#bc317d rgb(188,49,125)
```
#bc3138
```
#bc3138 rgb(188,49,56)
```

Analogous Color

#31bcb6
```
#31bcb6 rgb(49,188,182)
```
#bc317d
```
#bc317d rgb(188,49,125)
```
#37bc31
```
#37bc31 rgb(55,188,49)
```

Split Complementary Color

#317dbc
```
#317dbc rgb(49,125,188)
```
#bc317d
```
#bc317d rgb(188,49,125)
```
#7dbc31
```
#7dbc31 rgb(125,188,49)
```

Triadic Color

#7031bc
```
#7031bc rgb(112,49,188)
```
#bc317d
```
#bc317d rgb(188,49,125)
```
#7dbc31
```
#7dbc31 rgb(125,188,49)
```
#31bc70
```
#31bc70 rgb(49,188,112)
```

Tetradic Color

#7f2155
```
#7f2155 rgb(127,33,85)
```
#942662
```
#942662 rgb(148,38,98)
```
#a82c70
```
#a82c70 rgb(168,44,112)
```
#bc317d
```
#bc317d rgb(188,49,125)
```
#cc3b8a
```
#cc3b8a rgb(204,59,138)
```
#d14f96
```
#d14f96 rgb(209,79,150)
```
#d663a2
```
#d663a2 rgb(214,99,162)
```

Monochromatic Color

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

#bc31a0
```
#bc31a0 rgb(188,49,160)
```
#bc3194
```
#bc3194 rgb(188,49,148)
```
#bc3189
```
#bc3189 rgb(188,49,137)
```
#bc317d
```
#bc317d rgb(188,49,125)
```
#bc3171
```
#bc3171 rgb(188,49,113)
```
#bc3166
```
#bc3166 rgb(188,49,102)
```
#bc315a
```
#bc315a rgb(188,49,90)
```

Similar Colors

Text with hexadecimal color #bc317d

This text has a font color of #bc317d.

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

#bc317d background color

This paragraph has a background color of #bc317d.

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

#bc317d border color

This element has a border color of #bc317d.

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

CSS codes

.text {color:#bc317d;}

.background {background-color:#bc317d;}

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

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 #fbf1f6 is the lightest one.

#010001
```
#010001 rgb(1,0,1)
```
#11040b
```
#11040b rgb(17,4,11)
```
#200816
```
#200816 rgb(32,8,22)
```
#300d20
```
#300d20 rgb(48,13,32)
```
#40112a
```
#40112a rgb(64,17,42)
```
#4f1535
```
#4f1535 rgb(79,21,53)
```
#5f193f
```
#5f193f rgb(95,25,63)
```
#6e1d49
```
#6e1d49 rgb(110,29,73)
```
#7e2154
```
#7e2154 rgb(126,33,84)
```
#8d255e
```
#8d255e rgb(141,37,94)
```
#9d2968
```
#9d2968 rgb(157,41,104)
```
#ac2d73
```
#ac2d73 rgb(172,45,115)
```
#bc317d
```
#bc317d rgb(188,49,125)
```

Shade Color Variation

#cb3687
```
#cb3687 rgb(203,54,135)
```
#cf4691
```
#cf4691 rgb(207,70,145)
```
#d3559a
```
#d3559a rgb(211,85,154)
```
#d765a3
```
#d765a3 rgb(215,101,163)
```
#db74ac
```
#db74ac rgb(219,116,172)
```
#df84b6
```
#df84b6 rgb(223,132,182)
```
#e393bf
```
#e393bf rgb(227,147,191)
```
#e7a3c8
```
#e7a3c8 rgb(231,163,200)
```
#ebb2d1
```
#ebb2d1 rgb(235,178,209)
```
#efc2db
```
#efc2db rgb(239,194,219)
```
#f3d2e4
```
#f3d2e4 rgb(243,210,228)
```
#f7e1ed
```
#f7e1ed rgb(247,225,237)
```
#fbf1f6
```
#fbf1f6 rgb(251,241,246)
```

Tint Color Variation

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

#7c7177
```
#7c7177 rgb(124,113,119)
```
#856878
```
#856878 rgb(133,104,120)
```
#8e5f79
```
#8e5f79 rgb(142,95,121)
```
#98557a
```
#98557a rgb(152,85,122)
```
#a14c7a
```
#a14c7a rgb(161,76,122)
```
#aa437b
```
#aa437b rgb(170,67,123)
```
#b33a7c
```
#b33a7c rgb(179,58,124)
```
#bc317d
```
#bc317d rgb(188,49,125)
```
#c5287e
```
#c5287e rgb(197,40,126)
```
#ce1f7f
```
#ce1f7f rgb(206,31,127)
```
#d71680
```
#d71680 rgb(215,22,128)
```
#e00d80
```
#e00d80 rgb(224,13,128)
```
#ea0381
```
#ea0381 rgb(234,3,129)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#755968 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f6fa2 Protanopia 1% of men
#786e79 Deuteranopia 1% of men
#bb4a4f Tritanopia 0.001% of the population

Trichromacy

#815994 Protanomaly 1% of men, 0.01% of women
#91587a Deuteranomaly 6% of men, 0.4% of women
#bb415f Tritanomaly 0.01% of the population

#bc317d hex color

#bc317d Color Information

#bc317d Color Conversion

Color Schemes with #bc317d

Alternatives to #bc317d

#bc317d Preview

Shades and Tints of #bc317d

Tones of #bc317d

Color Blindness Simulator