#bc3348 hex color

In a RGB color space, hex #bc3348 is composed of 73.7% red, 20% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.9% magenta, 61.7% yellow and 26.3% black. It has a hue angle of 350.8 degrees, a saturation of 57.3% and a lightness of 46.9%. #bc3348 color hex could be obtained by blending #ff6690 with #790000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 74
- G 20
- B 28
RGB color chart
- C 0
- M 73
- Y 62
- K 26
CMYK color chart

● #bc3348 color description : Moderate red.

The hexadecimal color #bc3348 has RGB values of R:188, G:51, B:72 and CMYK values of C:0, M:0.73, Y:0.62, K:0.26. Its decimal value is 12333896.

Hex triplet	bc3348	`#bc3348`
RGB Decimal	188, 51, 72	`rgb(188,51,72)`
RGB Percent	73.7, 20, 28.2	`rgb(73.7%,20%,28.2%)`
CMYK	0, 73, 62, 26
HSL	350.8°, 57.3, 46.9	`hsl(350.8,57.3%,46.9%)`
HSV (or HSB)	350.8°, 72.9, 73.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.55, 55.316, 20.594
XYZ	23.093, 13.529, 7.526
xyY	0.523, 0.306, 13.529
CIE-LCH	43.55, 59.026, 20.42
CIE-LUV	43.55, 98.35, 12.139
Hunter-Lab	36.782, 47.7, 13.617
Binary	10111100, 00110011, 01001000

#bc3348
```
#bc3348 rgb(188,51,72)
```
#33bca7
```
#33bca7 rgb(51,188,167)
```

Complementary Color

#bc338d
```
#bc338d rgb(188,51,141)
```
#bc3348
```
#bc3348 rgb(188,51,72)
```
#bc6333
```
#bc6333 rgb(188,99,51)
```

Analogous Color

#338dbc
```
#338dbc rgb(51,141,188)
```
#bc3348
```
#bc3348 rgb(188,51,72)
```
#33bc63
```
#33bc63 rgb(51,188,99)
```

Split Complementary Color

#3348bc
```
#3348bc rgb(51,72,188)
```
#bc3348
```
#bc3348 rgb(188,51,72)
```
#48bc33
```
#48bc33 rgb(72,188,51)
```

Triadic Color

#a733bc
```
#a733bc rgb(167,51,188)
```
#bc3348
```
#bc3348 rgb(188,51,72)
```
#48bc33
```
#48bc33 rgb(72,188,51)
```
#33bca7
```
#33bca7 rgb(51,188,167)
```

Tetradic Color

#802331
```
#802331 rgb(128,35,49)
```
#942839
```
#942839 rgb(148,40,57)
```
#a82e40
```
#a82e40 rgb(168,46,64)
```
#bc3348
```
#bc3348 rgb(188,51,72)
```
#cb3e53
```
#cb3e53 rgb(203,62,83)
```
#d05265
```
#d05265 rgb(208,82,101)
```
#d56677
```
#d56677 rgb(213,102,119)
```

Monochromatic Color

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

#bc336a
```
#bc336a rgb(188,51,106)
```
#bc335f
```
#bc335f rgb(188,51,95)
```
#bc3353
```
#bc3353 rgb(188,51,83)
```
#bc3348
```
#bc3348 rgb(188,51,72)
```
#bc333d
```
#bc333d rgb(188,51,61)
```
#bc3533
```
#bc3533 rgb(188,53,51)
```
#bc4033
```
#bc4033 rgb(188,64,51)
```

Similar Colors

Text with hexadecimal color #bc3348

This text has a font color of #bc3348.

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

#bc3348 background color

This paragraph has a background color of #bc3348.

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

#bc3348 border color

This element has a border color of #bc3348.

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

CSS codes

.text {color:#bc3348;}

.background {background-color:#bc3348;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#120507
```
#120507 rgb(18,5,7)
```
#22090d
```
#22090d rgb(34,9,13)
```
#310d13
```
#310d13 rgb(49,13,19)
```
#411219
```
#411219 rgb(65,18,25)
```
#50161f
```
#50161f rgb(80,22,31)
```
#5f1a25
```
#5f1a25 rgb(95,26,37)
```
#6f1e2a
```
#6f1e2a rgb(111,30,42)
```
#7e2230
```
#7e2230 rgb(126,34,48)
```
#8e2636
```
#8e2636 rgb(142,38,54)
```
#9d2b3c
```
#9d2b3c rgb(157,43,60)
```
#ad2f42
```
#ad2f42 rgb(173,47,66)
```
#bc3348
```
#bc3348 rgb(188,51,72)
```

Shade Color Variation

#c9394f
```
#c9394f rgb(201,57,79)
```
#ce495d
```
#ce495d rgb(206,73,93)
```
#d2586b
```
#d2586b rgb(210,88,107)
```
#d66878
```
#d66878 rgb(214,104,120)
```
#da7786
```
#da7786 rgb(218,119,134)
```
#de8694
```
#de8694 rgb(222,134,148)
```
#e296a2
```
#e296a2 rgb(226,150,162)
```
#e7a5af
```
#e7a5af rgb(231,165,175)
```
#ebb5bd
```
#ebb5bd rgb(235,181,189)
```
#efc4cb
```
#efc4cb rgb(239,196,203)
```
#f3d4d8
```
#f3d4d8 rgb(243,212,216)
```
#f7e3e6
```
#f7e3e6 rgb(247,227,230)
```
#fcf2f4
```
#fcf2f4 rgb(252,242,244)
```

Tint Color Variation

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

#7c7375
```
#7c7375 rgb(124,115,117)
```
#856a6e
```
#856a6e rgb(133,106,110)
```
#8e6168
```
#8e6168 rgb(142,97,104)
```
#975861
```
#975861 rgb(151,88,97)
```
#a04f5b
```
#a04f5b rgb(160,79,91)
```
#aa4555
```
#aa4555 rgb(170,69,85)
```
#b33c4e
```
#b33c4e rgb(179,60,78)
```
#bc3348
```
#bc3348 rgb(188,51,72)
```
#c52a42
```
#c52a42 rgb(197,42,66)
```
#ce213b
```
#ce213b rgb(206,33,59)
```
#d81735
```
#d81735 rgb(216,23,53)
```
#e10e2f
```
#e10e2f rgb(225,14,47)
```
#ea0528
```
#ea0528 rgb(234,5,40)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#71555a Atypical Achromatopsia 0.001% of the population

Dichromacy

#736e64 Protanopia 1% of men
#846a48 Deuteranopia 1% of men
#be4043 Tritanopia 0.001% of the population

Trichromacy

#8d585a Protanomaly 1% of men, 0.01% of women
#985648 Deuteranomaly 6% of men, 0.4% of women
#bd3b45 Tritanomaly 0.01% of the population

#bc3348 hex color

#bc3348 Color Information

#bc3348 Color Conversion

Color Schemes with #bc3348

Alternatives to #bc3348

#bc3348 Preview

Shades and Tints of #bc3348

Tones of #bc3348

Color Blindness Simulator