#bc363a hex color

In a RGB color space, hex #bc363a is composed of 73.7% red, 21.2% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.3% magenta, 69.1% yellow and 26.3% black. It has a hue angle of 358.2 degrees, a saturation of 55.4% and a lightness of 47.5%. #bc363a color hex could be obtained by blending #ff6c74 with #790000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 74
- G 21
- B 23
RGB color chart
- C 0
- M 71
- Y 69
- K 26
CMYK color chart

● #bc363a color description : Moderate red.

The hexadecimal color #bc363a has RGB values of R:188, G:54, B:58 and CMYK values of C:0, M:0.71, Y:0.69, K:0.26. Its decimal value is 12334650.

Hex triplet	bc363a	`#bc363a`
RGB Decimal	188, 54, 58	`rgb(188,54,58)`
RGB Percent	73.7, 21.2, 22.7	`rgb(73.7%,21.2%,22.7%)`
CMYK	0, 71, 69, 26
HSL	358.2°, 55.4, 47.5	`hsl(358.2,55.4%,47.5%)`
HSV (or HSB)	358.2°, 71.3, 73.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.709, 53.41, 29.315
XYZ	22.823, 13.638, 5.433
xyY	0.545, 0.326, 13.638
CIE-LCH	43.709, 60.926, 28.761
CIE-LUV	43.709, 100.451, 20.079
Hunter-Lab	36.929, 45.689, 17.127
Binary	10111100, 00110110, 00111010

#bc363a
```
#bc363a rgb(188,54,58)
```
#36bcb8
```
#36bcb8 rgb(54,188,184)
```

Complementary Color

#bc367d
```
#bc367d rgb(188,54,125)
```
#bc363a
```
#bc363a rgb(188,54,58)
```
#bc7536
```
#bc7536 rgb(188,117,54)
```

Analogous Color

#367dbc
```
#367dbc rgb(54,125,188)
```
#bc363a
```
#bc363a rgb(188,54,58)
```
#36bc75
```
#36bc75 rgb(54,188,117)
```

Split Complementary Color

#363abc
```
#363abc rgb(54,58,188)
```
#bc363a
```
#bc363a rgb(188,54,58)
```
#3abc36
```
#3abc36 rgb(58,188,54)
```

Triadic Color

#b836bc
```
#b836bc rgb(184,54,188)
```
#bc363a
```
#bc363a rgb(188,54,58)
```
#3abc36
```
#3abc36 rgb(58,188,54)
```
#36bcb8
```
#36bcb8 rgb(54,188,184)
```

Tetradic Color

#812528
```
#812528 rgb(129,37,40)
```
#942b2e
```
#942b2e rgb(148,43,46)
```
#a83034
```
#a83034 rgb(168,48,52)
```
#bc363a
```
#bc363a rgb(188,54,58)
```
#c94347
```
#c94347 rgb(201,67,71)
```
#cf565a
```
#cf565a rgb(207,86,90)
```
#d46a6d
```
#d46a6d rgb(212,106,109)
```

Monochromatic Color

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

#bc365c
```
#bc365c rgb(188,54,92)
```
#bc3650
```
#bc3650 rgb(188,54,80)
```
#bc3645
```
#bc3645 rgb(188,54,69)
```
#bc363a
```
#bc363a rgb(188,54,58)
```
#bc3d36
```
#bc3d36 rgb(188,61,54)
```
#bc4836
```
#bc4836 rgb(188,72,54)
```
#bc5436
```
#bc5436 rgb(188,84,54)
```

Similar Colors

Text with hexadecimal color #bc363a

This text has a font color of #bc363a.

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

#bc363a background color

This paragraph has a background color of #bc363a.

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

#bc363a border color

This element has a border color of #bc363a.

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

CSS codes

.text {color:#bc363a;}

.background {background-color:#bc363a;}

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

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

#050102
```
#050102 rgb(5,1,2)
```
#140606
```
#140606 rgb(20,6,6)
```
#240a0b
```
#240a0b rgb(36,10,11)
```
#330f10
```
#330f10 rgb(51,15,16)
```
#421314
```
#421314 rgb(66,19,20)
```
#511719
```
#511719 rgb(81,23,25)
```
#611c1e
```
#611c1e rgb(97,28,30)
```
#702022
```
#702022 rgb(112,32,34)
```
#7f2427
```
#7f2427 rgb(127,36,39)
```
#8e292c
```
#8e292c rgb(142,41,44)
```
#9e2d31
```
#9e2d31 rgb(158,45,49)
```
#ad3235
```
#ad3235 rgb(173,50,53)
```
#bc363a
```
#bc363a rgb(188,54,58)
```

Shade Color Variation

#c83e42
```
#c83e42 rgb(200,62,66)
```
#cc4d51
```
#cc4d51 rgb(204,77,81)
```
#d05d60
```
#d05d60 rgb(208,93,96)
```
#d56c6f
```
#d56c6f rgb(213,108,111)
```
#d97b7e
```
#d97b7e rgb(217,123,126)
```
#dd8a8d
```
#dd8a8d rgb(221,138,141)
```
#e2999c
```
#e2999c rgb(226,153,156)
```
#e6a9ab
```
#e6a9ab rgb(230,169,171)
```
#ebb8b9
```
#ebb8b9 rgb(235,184,185)
```
#efc7c8
```
#efc7c8 rgb(239,199,200)
```
#f3d6d7
```
#f3d6d7 rgb(243,214,215)
```
#f8e6e6
```
#f8e6e6 rgb(248,230,230)
```
#fcf5f5
```
#fcf5f5 rgb(252,245,245)
```

Tint Color Variation

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

#7b7777
```
#7b7777 rgb(123,119,119)
```
#846e6f
```
#846e6f rgb(132,110,111)
```
#8d6566
```
#8d6566 rgb(141,101,102)
```
#975b5d
```
#975b5d rgb(151,91,93)
```
#a05254
```
#a05254 rgb(160,82,84)
```
#a9494c
```
#a9494c rgb(169,73,76)
```
#b33f43
```
#b33f43 rgb(179,63,67)
```
#bc363a
```
#bc363a rgb(188,54,58)
```
#c52d31
```
#c52d31 rgb(197,45,49)
```
#cf2328
```
#cf2328 rgb(207,35,40)
```
#d81a20
```
#d81a20 rgb(216,26,32)
```
#e11117
```
#e11117 rgb(225,17,23)
```
#eb070e
```
#eb070e rgb(235,7,14)
```

Tone Color Variation

Below, you can see how #bc363a 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
#725758 Atypical Achromatopsia 0.001% of the population

Dichromacy

#766f54 Protanopia 1% of men
#876a3b Deuteranopia 1% of men
#bf4043 Tritanopia 0.001% of the population

Trichromacy

#905a4a Protanomaly 1% of men, 0.01% of women
#9a573a Deuteranomaly 6% of men, 0.4% of women
#be3c40 Tritanomaly 0.01% of the population

#bc363a hex color

#bc363a Color Information

#bc363a Color Conversion

Color Schemes with #bc363a

Alternatives to #bc363a

#bc363a Preview

Shades and Tints of #bc363a

Tones of #bc363a

Color Blindness Simulator