#bc302b hex color

In a RGB color space, hex #bc302b is composed of 73.7% red, 18.8% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.5% magenta, 77.1% yellow and 26.3% black. It has a hue angle of 2.1 degrees, a saturation of 62.8% and a lightness of 45.3%. #bc302b color hex could be obtained by blending #ff6056 with #790000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 74
- G 19
- B 17
RGB color chart
- C 0
- M 74
- Y 77
- K 26
CMYK color chart

● #bc302b color description : Strong red.

The hexadecimal color #bc302b has RGB values of R:188, G:48, B:43 and CMYK values of C:0, M:0.74, Y:0.77, K:0.26. Its decimal value is 12333099.

Hex triplet	bc302b	`#bc302b`
RGB Decimal	188, 48, 43	`rgb(188,48,43)`
RGB Percent	73.7, 18.8, 16.9	`rgb(73.7%,18.8%,16.9%)`
CMYK	0, 74, 77, 26
HSL	2.1°, 62.8, 45.3	`hsl(2.1,62.8%,45.3%)`
HSV (or HSB)	2.1°, 77.1, 73.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.737, 54.9, 36.957
XYZ	22.233, 12.982, 3.621
xyY	0.572, 0.334, 12.982
CIE-LCH	42.737, 66.18, 33.947
CIE-LUV	42.737, 106.952, 24.727
Hunter-Lab	36.031, 47.09, 19.264
Binary	10111100, 00110000, 00101011

#bc302b
```
#bc302b rgb(188,48,43)
```
#2bb7bc
```
#2bb7bc rgb(43,183,188)
```

Complementary Color

#bc2b6f
```
#bc2b6f rgb(188,43,111)
```
#bc302b
```
#bc302b rgb(188,48,43)
```
#bc792b
```
#bc792b rgb(188,121,43)
```

Analogous Color

#2b6fbc
```
#2b6fbc rgb(43,111,188)
```
#bc302b
```
#bc302b rgb(188,48,43)
```
#2bbc79
```
#2bbc79 rgb(43,188,121)
```

Split Complementary Color

#302bbc
```
#302bbc rgb(48,43,188)
```
#bc302b
```
#bc302b rgb(188,48,43)
```
#2bbc30
```
#2bbc30 rgb(43,188,48)
```

Triadic Color

#bc2bb7
```
#bc2bb7 rgb(188,43,183)
```
#bc302b
```
#bc302b rgb(188,48,43)
```
#2bbc30
```
#2bbc30 rgb(43,188,48)
```
#2bb7bc
```
#2bb7bc rgb(43,183,188)
```

Tetradic Color

#7e201d
```
#7e201d rgb(126,32,29)
```
#922522
```
#922522 rgb(146,37,34)
```
#a72b26
```
#a72b26 rgb(167,43,38)
```
#bc302b
```
#bc302b rgb(188,48,43)
```
#d03631
```
#d03631 rgb(208,54,49)
```
#d54a45
```
#d54a45 rgb(213,74,69)
```
#d95f5a
```
#d95f5a rgb(217,95,90)
```

Monochromatic Color

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

#bc2b4a
```
#bc2b4a rgb(188,43,74)
```
#bc2b3e
```
#bc2b3e rgb(188,43,62)
```
#bc2b32
```
#bc2b32 rgb(188,43,50)
```
#bc302b
```
#bc302b rgb(188,48,43)
```
#bc3c2b
```
#bc3c2b rgb(188,60,43)
```
#bc482b
```
#bc482b rgb(188,72,43)
```
#bc542b
```
#bc542b rgb(188,84,43)
```

Similar Colors

Text with hexadecimal color #bc302b

This text has a font color of #bc302b.

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

#bc302b background color

This paragraph has a background color of #bc302b.

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

#bc302b border color

This element has a border color of #bc302b.

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

CSS codes

.text {color:#bc302b;}

.background {background-color:#bc302b;}

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

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, #0c0303 is the darkest color, while #fefcfb is the lightest one.

#0c0303
```
#0c0303 rgb(12,3,3)
```
#1c0706
```
#1c0706 rgb(28,7,6)
```
#2c0b0a
```
#2c0b0a rgb(44,11,10)
```
#3c0f0e
```
#3c0f0e rgb(60,15,14)
```
#4c1311
```
#4c1311 rgb(76,19,17)
```
#5c1815
```
#5c1815 rgb(92,24,21)
```
#6c1c19
```
#6c1c19 rgb(108,28,25)
```
#7c201c
```
#7c201c rgb(124,32,28)
```
#8c2420
```
#8c2420 rgb(140,36,32)
```
#9c2824
```
#9c2824 rgb(156,40,36)
```
#ac2c27
```
#ac2c27 rgb(172,44,39)
```
#bc302b
```
#bc302b rgb(188,48,43)
```
#cc342f
```
#cc342f rgb(204,52,47)
```

Shade Color Variation

#d2413c
```
#d2413c rgb(210,65,60)
```
#d6514c
```
#d6514c rgb(214,81,76)
```
#da605c
```
#da605c rgb(218,96,92)
```
#dd706c
```
#dd706c rgb(221,112,108)
```
#e17f7c
```
#e17f7c rgb(225,127,124)
```
#e58f8c
```
#e58f8c rgb(229,143,140)
```
#e89e9c
```
#e89e9c rgb(232,158,156)
```
#ecaeac
```
#ecaeac rgb(236,174,172)
```
#f0bdbc
```
#f0bdbc rgb(240,189,188)
```
#f3cdcc
```
#f3cdcc rgb(243,205,204)
```
#f7dcdc
```
#f7dcdc rgb(247,220,220)
```
#fbeceb
```
#fbeceb rgb(251,236,235)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#757272
```
#757272 rgb(117,114,114)
```
#7e6a69
```
#7e6a69 rgb(126,106,105)
```
#876260
```
#876260 rgb(135,98,96)
```
#905957
```
#905957 rgb(144,89,87)
```
#98514f
```
#98514f rgb(152,81,79)
```
#a14946
```
#a14946 rgb(161,73,70)
```
#aa413d
```
#aa413d rgb(170,65,61)
```
#b33834
```
#b33834 rgb(179,56,52)
```
#bc302b
```
#bc302b rgb(188,48,43)
```
#c52822
```
#c52822 rgb(197,40,34)
```
#ce1f19
```
#ce1f19 rgb(206,31,25)
```
#d71710
```
#d71710 rgb(215,23,16)
```
#e00f07
```
#e00f07 rgb(224,15,7)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#6d5150 Atypical Achromatopsia 0.001% of the population

Dichromacy

#766c44 Protanopia 1% of men
#86672b Deuteranopia 1% of men
#bf393c Tritanopia 0.001% of the population

Trichromacy

#8f563b Protanomaly 1% of men, 0.01% of women
#9a532b Deuteranomaly 6% of men, 0.4% of women
#be3635 Tritanomaly 0.01% of the population

#bc302b hex color

#bc302b Color Information

#bc302b Color Conversion

Color Schemes with #bc302b

Alternatives to #bc302b

#bc302b Preview

Shades and Tints of #bc302b

Tones of #bc302b

Color Blindness Simulator