#bc363d hex color

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

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

● #bc363d color description : Moderate red.

The hexadecimal color #bc363d has RGB values of R:188, G:54, B:61 and CMYK values of C:0, M:0.71, Y:0.68, K:0.26. Its decimal value is 12334653.

Hex triplet	bc363d	`#bc363d`
RGB Decimal	188, 54, 61	`rgb(188,54,61)`
RGB Percent	73.7, 21.2, 23.9	`rgb(73.7%,21.2%,23.9%)`
CMYK	0, 71, 68, 26
HSL	356.9°, 55.4, 47.5	`hsl(356.9,55.4%,47.5%)`
HSV (or HSB)	356.9°, 71.3, 73.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.755, 53.569, 27.57
XYZ	22.901, 13.669, 5.847
xyY	0.54, 0.322, 13.669
CIE-LCH	43.755, 60.247, 27.233
CIE-LUV	43.755, 99.729, 18.665
Hunter-Lab	36.972, 45.867, 16.504
Binary	10111100, 00110110, 00111101

#bc363d
```
#bc363d rgb(188,54,61)
```
#36bcb5
```
#36bcb5 rgb(54,188,181)
```

Complementary Color

#bc3680
```
#bc3680 rgb(188,54,128)
```
#bc363d
```
#bc363d rgb(188,54,61)
```
#bc7236
```
#bc7236 rgb(188,114,54)
```

Analogous Color

#3680bc
```
#3680bc rgb(54,128,188)
```
#bc363d
```
#bc363d rgb(188,54,61)
```
#36bc72
```
#36bc72 rgb(54,188,114)
```

Split Complementary Color

#363dbc
```
#363dbc rgb(54,61,188)
```
#bc363d
```
#bc363d rgb(188,54,61)
```
#3dbc36
```
#3dbc36 rgb(61,188,54)
```

Triadic Color

#b536bc
```
#b536bc rgb(181,54,188)
```
#bc363d
```
#bc363d rgb(188,54,61)
```
#3dbc36
```
#3dbc36 rgb(61,188,54)
```
#36bcb5
```
#36bcb5 rgb(54,188,181)
```

Tetradic Color

#81252a
```
#81252a rgb(129,37,42)
```
#942b30
```
#942b30 rgb(148,43,48)
```
#a83037
```
#a83037 rgb(168,48,55)
```
#bc363d
```
#bc363d rgb(188,54,61)
```
#c9434a
```
#c9434a rgb(201,67,74)
```
#cf565d
```
#cf565d rgb(207,86,93)
```
#d46a70
```
#d46a70 rgb(212,106,112)
```

Monochromatic Color

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

#bc365f
```
#bc365f rgb(188,54,95)
```
#bc3653
```
#bc3653 rgb(188,54,83)
```
#bc3648
```
#bc3648 rgb(188,54,72)
```
#bc363d
```
#bc363d rgb(188,54,61)
```
#bc3a36
```
#bc3a36 rgb(188,58,54)
```
#bc4536
```
#bc4536 rgb(188,69,54)
```
#bc5036
```
#bc5036 rgb(188,80,54)
```

Similar Colors

Text with hexadecimal color #bc363d

This text has a font color of #bc363d.

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

#bc363d background color

This paragraph has a background color of #bc363d.

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

#bc363d border color

This element has a border color of #bc363d.

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

CSS codes

.text {color:#bc363d;}

.background {background-color:#bc363d;}

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

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)
```
#140607
```
#140607 rgb(20,6,7)
```
#240a0c
```
#240a0c rgb(36,10,12)
```
#330f11
```
#330f11 rgb(51,15,17)
```
#421315
```
#421315 rgb(66,19,21)
```
#51171a
```
#51171a rgb(81,23,26)
```
#611c1f
```
#611c1f rgb(97,28,31)
```
#702024
```
#702024 rgb(112,32,36)
```
#7f2429
```
#7f2429 rgb(127,36,41)
```
#8e292e
```
#8e292e rgb(142,41,46)
```
#9e2d33
```
#9e2d33 rgb(158,45,51)
```
#ad3238
```
#ad3238 rgb(173,50,56)
```
#bc363d
```
#bc363d rgb(188,54,61)
```

Shade Color Variation

#c83e45
```
#c83e45 rgb(200,62,69)
```
#cc4d54
```
#cc4d54 rgb(204,77,84)
```
#d05d63
```
#d05d63 rgb(208,93,99)
```
#d56c71
```
#d56c71 rgb(213,108,113)
```
#d97b80
```
#d97b80 rgb(217,123,128)
```
#dd8a8f
```
#dd8a8f rgb(221,138,143)
```
#e2999d
```
#e2999d rgb(226,153,157)
```
#e6a9ac
```
#e6a9ac rgb(230,169,172)
```
#ebb8bb
```
#ebb8bb rgb(235,184,187)
```
#efc7c9
```
#efc7c9 rgb(239,199,201)
```
#f3d6d8
```
#f3d6d8 rgb(243,214,216)
```
#f8e6e7
```
#f8e6e7 rgb(248,230,231)
```
#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 #eb0713 is the most saturated one.

#7b7777
```
#7b7777 rgb(123,119,119)
```
#846e6f
```
#846e6f rgb(132,110,111)
```
#8d6567
```
#8d6567 rgb(141,101,103)
```
#975b5e
```
#975b5e rgb(151,91,94)
```
#a05256
```
#a05256 rgb(160,82,86)
```
#a9494e
```
#a9494e rgb(169,73,78)
```
#b33f45
```
#b33f45 rgb(179,63,69)
```
#bc363d
```
#bc363d rgb(188,54,61)
```
#c52d35
```
#c52d35 rgb(197,45,53)
```
#cf232c
```
#cf232c rgb(207,35,44)
```
#d81a24
```
#d81a24 rgb(216,26,36)
```
#e1111c
```
#e1111c rgb(225,17,28)
```
#eb0713
```
#eb0713 rgb(235,7,19)
```

Tone Color Variation

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

#766f57 Protanopia 1% of men
#876a3e Deuteranopia 1% of men
#bf4144 Tritanopia 0.001% of the population

Trichromacy

#8f5a4d Protanomaly 1% of men, 0.01% of women
#9a573d Deuteranomaly 6% of men, 0.4% of women
#be3d41 Tritanomaly 0.01% of the population

#bc363d hex color

#bc363d Color Information

#bc363d Color Conversion

Color Schemes with #bc363d

Alternatives to #bc363d

#bc363d Preview

Shades and Tints of #bc363d

Tones of #bc363d

Color Blindness Simulator