#bc348f hex color

In a RGB color space, hex #bc348f is composed of 73.7% red, 20.4% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.3% magenta, 23.9% yellow and 26.3% black. It has a hue angle of 319.9 degrees, a saturation of 56.7% and a lightness of 47.1%. #bc348f color hex could be obtained by blending #ff68ff with #79001f. Closest websafe color is: #cc3399.

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

● #bc348f color description : Moderate pink.

The hexadecimal color #bc348f has RGB values of R:188, G:52, B:143 and CMYK values of C:0, M:0.72, Y:0.24, K:0.26. Its decimal value is 12334223.

Hex triplet	bc348f	`#bc348f`
RGB Decimal	188, 52, 143	`rgb(188,52,143)`
RGB Percent	73.7, 20.4, 56.1	`rgb(73.7%,20.4%,56.1%)`
CMYK	0, 72, 24, 26
HSL	319.9°, 56.7, 47.1	`hsl(319.9,56.7%,47.1%)`
HSV (or HSB)	319.9°, 72.3, 73.7
Web Safe	cc3399	`#cc3399`

CIE-LAB	45.816, 61.933, -19.825
XYZ	26.925, 15.133, 27.488
xyY	0.387, 0.218, 15.133
CIE-LCH	45.816, 65.029, 342.25
CIE-LUV	45.816, 72.862, -37.793
Hunter-Lab	38.901, 55.472, -14.665
Binary	10111100, 00110100, 10001111

#bc348f
```
#bc348f rgb(188,52,143)
```
#34bc61
```
#34bc61 rgb(52,188,97)
```

Complementary Color

#a534bc
```
#a534bc rgb(165,52,188)
```
#bc348f
```
#bc348f rgb(188,52,143)
```
#bc344b
```
#bc344b rgb(188,52,75)
```

Analogous Color

#34bca5
```
#34bca5 rgb(52,188,165)
```
#bc348f
```
#bc348f rgb(188,52,143)
```
#4bbc34
```
#4bbc34 rgb(75,188,52)
```

Split Complementary Color

#348fbc
```
#348fbc rgb(52,143,188)
```
#bc348f
```
#bc348f rgb(188,52,143)
```
#8fbc34
```
#8fbc34 rgb(143,188,52)
```

Triadic Color

#6134bc
```
#6134bc rgb(97,52,188)
```
#bc348f
```
#bc348f rgb(188,52,143)
```
#8fbc34
```
#8fbc34 rgb(143,188,52)
```
#34bc61
```
#34bc61 rgb(52,188,97)
```

Tetradic Color

#802361
```
#802361 rgb(128,35,97)
```
#942971
```
#942971 rgb(148,41,113)
```
#a82e80
```
#a82e80 rgb(168,46,128)
```
#bc348f
```
#bc348f rgb(188,52,143)
```
#ca3f9c
```
#ca3f9c rgb(202,63,156)
```
#d053a6
```
#d053a6 rgb(208,83,166)
```
#d567b1
```
#d567b1 rgb(213,103,177)
```

Monochromatic Color

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

#bc34b1
```
#bc34b1 rgb(188,52,177)
```
#bc34a6
```
#bc34a6 rgb(188,52,166)
```
#bc349a
```
#bc349a rgb(188,52,154)
```
#bc348f
```
#bc348f rgb(188,52,143)
```
#bc3484
```
#bc3484 rgb(188,52,132)
```
#bc3478
```
#bc3478 rgb(188,52,120)
```
#bc346d
```
#bc346d rgb(188,52,109)
```

Similar Colors

Text with hexadecimal color #bc348f

This text has a font color of #bc348f.

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

#bc348f background color

This paragraph has a background color of #bc348f.

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

#bc348f border color

This element has a border color of #bc348f.

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

CSS codes

.text {color:#bc348f;}

.background {background-color:#bc348f;}

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

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

#040103
```
#040103 rgb(4,1,3)
```
#13050e
```
#13050e rgb(19,5,14)
```
#22091a
```
#22091a rgb(34,9,26)
```
#320e26
```
#320e26 rgb(50,14,38)
```
#411232
```
#411232 rgb(65,18,50)
```
#50163d
```
#50163d rgb(80,22,61)
```
#601b49
```
#601b49 rgb(96,27,73)
```
#6f1f55
```
#6f1f55 rgb(111,31,85)
```
#7f2360
```
#7f2360 rgb(127,35,96)
```
#8e276c
```
#8e276c rgb(142,39,108)
```
#9d2c78
```
#9d2c78 rgb(157,44,120)
```
#ad3083
```
#ad3083 rgb(173,48,131)
```
#bc348f
```
#bc348f rgb(188,52,143)
```

Shade Color Variation

#c93b9a
```
#c93b9a rgb(201,59,154)
```
#cd4aa2
```
#cd4aa2 rgb(205,74,162)
```
#d15aaa
```
#d15aaa rgb(209,90,170)
```
#d669b2
```
#d669b2 rgb(214,105,178)
```
#da78ba
```
#da78ba rgb(218,120,186)
```
#de88c1
```
#de88c1 rgb(222,136,193)
```
#e297c9
```
#e297c9 rgb(226,151,201)
```
#e7a6d1
```
#e7a6d1 rgb(231,166,209)
```
#ebb6d9
```
#ebb6d9 rgb(235,182,217)
```
#efc5e1
```
#efc5e1 rgb(239,197,225)
```
#f3d5e9
```
#f3d5e9 rgb(243,213,233)
```
#f8e4f1
```
#f8e4f1 rgb(248,228,241)
```
#fcf3f9
```
#fcf3f9 rgb(252,243,249)
```

Tint Color Variation

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

#7b7579
```
#7b7579 rgb(123,117,121)
```
#856b7c
```
#856b7c rgb(133,107,124)
```
#8e627f
```
#8e627f rgb(142,98,127)
```
#975983
```
#975983 rgb(151,89,131)
```
#a05086
```
#a05086 rgb(160,80,134)
```
#aa4689
```
#aa4689 rgb(170,70,137)
```
#b33d8c
```
#b33d8c rgb(179,61,140)
```
#bc348f
```
#bc348f rgb(188,52,143)
```
#c52b92
```
#c52b92 rgb(197,43,146)
```
#ce2295
```
#ce2295 rgb(206,34,149)
```
#d81898
```
#d81898 rgb(216,24,152)
```
#e10f9b
```
#e10f9b rgb(225,15,155)
```
#ea069f
```
#ea069f rgb(234,6,159)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#785d6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5671b5 Protanopia 1% of men
#737189 Deuteranopia 1% of men
#b95156 Tritanopia 0.001% of the population

Trichromacy

#7b5ba7 Protanomaly 1% of men, 0.01% of women
#8e5b8b Deuteranomaly 6% of men, 0.4% of women
#ba466b Tritanomaly 0.01% of the population

#bc348f hex color

#bc348f Color Information

#bc348f Color Conversion

Color Schemes with #bc348f

Alternatives to #bc348f

#bc348f Preview

Shades and Tints of #bc348f

Tones of #bc348f

Color Blindness Simulator