#bc334d hex color

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

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

● #bc334d color description : Moderate red.

The hexadecimal color #bc334d has RGB values of R:188, G:51, B:77 and CMYK values of C:0, M:0.73, Y:0.59, K:0.26. Its decimal value is 12333901.

Hex triplet	bc334d	`#bc334d`
RGB Decimal	188, 51, 77	`rgb(188,51,77)`
RGB Percent	73.7, 20, 30.2	`rgb(73.7%,20%,30.2%)`
CMYK	0, 73, 59, 26
HSL	348.6°, 57.3, 46.9	`hsl(348.6,57.3%,46.9%)`
HSV (or HSB)	348.6°, 72.9, 73.7
Web Safe	cc3366	`#cc3366`

CIE-LAB	43.65, 55.65, 17.635
XYZ	23.263, 13.597, 8.42
xyY	0.514, 0.3, 13.597
CIE-LCH	43.65, 58.378, 17.583
CIE-LUV	43.65, 96.868, 9.279
Hunter-Lab	36.875, 48.08, 12.273
Binary	10111100, 00110011, 01001101

#bc334d
```
#bc334d rgb(188,51,77)
```
#33bca2
```
#33bca2 rgb(51,188,162)
```

Complementary Color

#bc3392
```
#bc3392 rgb(188,51,146)
```
#bc334d
```
#bc334d rgb(188,51,77)
```
#bc5e33
```
#bc5e33 rgb(188,94,51)
```

Analogous Color

#3392bc
```
#3392bc rgb(51,146,188)
```
#bc334d
```
#bc334d rgb(188,51,77)
```
#33bc5e
```
#33bc5e rgb(51,188,94)
```

Split Complementary Color

#334dbc
```
#334dbc rgb(51,77,188)
```
#bc334d
```
#bc334d rgb(188,51,77)
```
#4dbc33
```
#4dbc33 rgb(77,188,51)
```

Triadic Color

#a233bc
```
#a233bc rgb(162,51,188)
```
#bc334d
```
#bc334d rgb(188,51,77)
```
#4dbc33
```
#4dbc33 rgb(77,188,51)
```
#33bca2
```
#33bca2 rgb(51,188,162)
```

Tetradic Color

#802334
```
#802334 rgb(128,35,52)
```
#94283d
```
#94283d rgb(148,40,61)
```
#a82e45
```
#a82e45 rgb(168,46,69)
```
#bc334d
```
#bc334d rgb(188,51,77)
```
#cb3e59
```
#cb3e59 rgb(203,62,89)
```
#d0526a
```
#d0526a rgb(208,82,106)
```
#d5667b
```
#d5667b rgb(213,102,123)
```

Monochromatic Color

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

#bc336f
```
#bc336f rgb(188,51,111)
```
#bc3364
```
#bc3364 rgb(188,51,100)
```
#bc3358
```
#bc3358 rgb(188,51,88)
```
#bc334d
```
#bc334d rgb(188,51,77)
```
#bc3342
```
#bc3342 rgb(188,51,66)
```
#bc3336
```
#bc3336 rgb(188,51,54)
```
#bc3b33
```
#bc3b33 rgb(188,59,51)
```

Similar Colors

Text with hexadecimal color #bc334d

This text has a font color of #bc334d.

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

#bc334d background color

This paragraph has a background color of #bc334d.

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

#bc334d border color

This element has a border color of #bc334d.

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

CSS codes

.text {color:#bc334d;}

.background {background-color:#bc334d;}

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

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)
```
#22090e
```
#22090e rgb(34,9,14)
```
#310d14
```
#310d14 rgb(49,13,20)
```
#41121a
```
#41121a rgb(65,18,26)
```
#501621
```
#501621 rgb(80,22,33)
```
#5f1a27
```
#5f1a27 rgb(95,26,39)
```
#6f1e2d
```
#6f1e2d rgb(111,30,45)
```
#7e2234
```
#7e2234 rgb(126,34,52)
```
#8e263a
```
#8e263a rgb(142,38,58)
```
#9d2b40
```
#9d2b40 rgb(157,43,64)
```
#ad2f47
```
#ad2f47 rgb(173,47,71)
```
#bc334d
```
#bc334d rgb(188,51,77)
```

Shade Color Variation

#c93955
```
#c93955 rgb(201,57,85)
```
#ce4962
```
#ce4962 rgb(206,73,98)
```
#d2586f
```
#d2586f rgb(210,88,111)
```
#d6687c
```
#d6687c rgb(214,104,124)
```
#da778a
```
#da778a rgb(218,119,138)
```
#de8697
```
#de8697 rgb(222,134,151)
```
#e296a4
```
#e296a4 rgb(226,150,164)
```
#e7a5b2
```
#e7a5b2 rgb(231,165,178)
```
#ebb5bf
```
#ebb5bf rgb(235,181,191)
```
#efc4cc
```
#efc4cc rgb(239,196,204)
```
#f3d4da
```
#f3d4da rgb(243,212,218)
```
#f7e3e7
```
#f7e3e7 rgb(247,227,231)
```
#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 #ea0530 is the most saturated one.

#7c7375
```
#7c7375 rgb(124,115,117)
```
#856a6f
```
#856a6f rgb(133,106,111)
```
#8e616a
```
#8e616a rgb(142,97,106)
```
#975864
```
#975864 rgb(151,88,100)
```
#a04f5e
```
#a04f5e rgb(160,79,94)
```
#aa4558
```
#aa4558 rgb(170,69,88)
```
#b33c53
```
#b33c53 rgb(179,60,83)
```
#bc334d
```
#bc334d rgb(188,51,77)
```
#c52a47
```
#c52a47 rgb(197,42,71)
```
#ce2142
```
#ce2142 rgb(206,33,66)
```
#d8173c
```
#d8173c rgb(216,23,60)
```
#e10e36
```
#e10e36 rgb(225,14,54)
```
#ea0530
```
#ea0530 rgb(234,5,48)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#72565b Atypical Achromatopsia 0.001% of the population

Dichromacy

#726e6a Protanopia 1% of men
#836a4d Deuteranopia 1% of men
#be4144 Tritanopia 0.001% of the population

Trichromacy

#8c585f Protanomaly 1% of men, 0.01% of women
#98564d Deuteranomaly 6% of men, 0.4% of women
#bd3c47 Tritanomaly 0.01% of the population

#bc334d hex color

#bc334d Color Information

#bc334d Color Conversion

Color Schemes with #bc334d

Alternatives to #bc334d

#bc334d Preview

Shades and Tints of #bc334d

Tones of #bc334d

Color Blindness Simulator