#bc301d hex color

In a RGB color space, hex #bc301d is composed of 73.7% red, 18.8% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.5% magenta, 84.6% yellow and 26.3% black. It has a hue angle of 7.2 degrees, a saturation of 73.3% and a lightness of 42.5%. #bc301d color hex could be obtained by blending #ff603a with #790000. Closest websafe color is: #cc3333.

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

● #bc301d color description : Strong red.

The hexadecimal color #bc301d has RGB values of R:188, G:48, B:29 and CMYK values of C:0, M:0.74, Y:0.85, K:0.26. Its decimal value is 12333085.

Hex triplet	bc301d	`#bc301d`
RGB Decimal	188, 48, 29	`rgb(188,48,29)`
RGB Percent	73.7, 18.8, 11.4	`rgb(73.7%,18.8%,11.4%)`
CMYK	0, 74, 85, 26
HSL	7.2°, 73.3, 42.5	`hsl(7.2,73.3%,42.5%)`
HSV (or HSB)	7.2°, 84.6, 73.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.607, 54.466, 44.261
XYZ	22.019, 12.897, 2.492
xyY	0.589, 0.345, 12.897
CIE-LCH	42.607, 70.182, 39.098
CIE-LUV	42.607, 109.235, 28.96
Hunter-Lab	35.912, 46.599, 21.024
Binary	10111100, 00110000, 00011101

#bc301d
```
#bc301d rgb(188,48,29)
```
#1da9bc
```
#1da9bc rgb(29,169,188)
```

Complementary Color

#bc1d5a
```
#bc1d5a rgb(188,29,90)
```
#bc301d
```
#bc301d rgb(188,48,29)
```
#bc801d
```
#bc801d rgb(188,128,29)
```

Analogous Color

#1d5abc
```
#1d5abc rgb(29,90,188)
```
#bc301d
```
#bc301d rgb(188,48,29)
```
#1dbc80
```
#1dbc80 rgb(29,188,128)
```

Split Complementary Color

#301dbc
```
#301dbc rgb(48,29,188)
```
#bc301d
```
#bc301d rgb(188,48,29)
```
#1dbc30
```
#1dbc30 rgb(29,188,48)
```

Triadic Color

#bc1da9
```
#bc1da9 rgb(188,29,169)
```
#bc301d
```
#bc301d rgb(188,48,29)
```
#1dbc30
```
#1dbc30 rgb(29,188,48)
```
#1da9bc
```
#1da9bc rgb(29,169,188)
```

Tetradic Color

#7a1f13
```
#7a1f13 rgb(122,31,19)
```
#902516
```
#902516 rgb(144,37,22)
```
#a62a1a
```
#a62a1a rgb(166,42,26)
```
#bc301d
```
#bc301d rgb(188,48,29)
```
#d23620
```
#d23620 rgb(210,54,32)
```
#df432d
```
#df432d rgb(223,67,45)
```
#e25643
```
#e25643 rgb(226,86,67)
```

Monochromatic Color

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

#bc1d32
```
#bc1d32 rgb(188,29,50)
```
#bc1d25
```
#bc1d25 rgb(188,29,37)
```
#bc231d
```
#bc231d rgb(188,35,29)
```
#bc301d
```
#bc301d rgb(188,48,29)
```
#bc3d1d
```
#bc3d1d rgb(188,61,29)
```
#bc4b1d
```
#bc4b1d rgb(188,75,29)
```
#bc581d
```
#bc581d rgb(188,88,29)
```

Similar Colors

Text with hexadecimal color #bc301d

This text has a font color of #bc301d.

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

#bc301d background color

This paragraph has a background color of #bc301d.

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

#bc301d border color

This element has a border color of #bc301d.

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

CSS codes

.text {color:#bc301d;}

.background {background-color:#bc301d;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120503
```
#120503 rgb(18,5,3)
```
#230905
```
#230905 rgb(35,9,5)
```
#340d08
```
#340d08 rgb(52,13,8)
```
#45120b
```
#45120b rgb(69,18,11)
```
#56160d
```
#56160d rgb(86,22,13)
```
#671a10
```
#671a10 rgb(103,26,16)
```
#781f13
```
#781f13 rgb(120,31,19)
```
#892315
```
#892315 rgb(137,35,21)
```
#9a2718
```
#9a2718 rgb(154,39,24)
```
#ab2c1a
```
#ab2c1a rgb(171,44,26)
```
#bc301d
```
#bc301d rgb(188,48,29)
```
#cd3420
```
#cd3420 rgb(205,52,32)
```

Shade Color Variation

#dd3923
```
#dd3923 rgb(221,57,35)
```
#e04934
```
#e04934 rgb(224,73,52)
```
#e25845
```
#e25845 rgb(226,88,69)
```
#e56756
```
#e56756 rgb(229,103,86)
```
#e87667
```
#e87667 rgb(232,118,103)
```
#ea8678
```
#ea8678 rgb(234,134,120)
```
#ed9589
```
#ed9589 rgb(237,149,137)
```
#efa49a
```
#efa49a rgb(239,164,154)
```
#f2b4ab
```
#f2b4ab rgb(242,180,171)
```
#f5c3bc
```
#f5c3bc rgb(245,195,188)
```
#f7d2cd
```
#f7d2cd rgb(247,210,205)
```
#fae1de
```
#fae1de rgb(250,225,222)
```
#fdf1ef
```
#fdf1ef rgb(253,241,239)
```

Tint Color Variation

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

#716968
```
#716968 rgb(113,105,104)
```
#796360
```
#796360 rgb(121,99,96)
```
#825c57
```
#825c57 rgb(130,92,87)
```
#8a564f
```
#8a564f rgb(138,86,79)
```
#925047
```
#925047 rgb(146,80,71)
```
#9b493e
```
#9b493e rgb(155,73,62)
```
#a34336
```
#a34336 rgb(163,67,54)
```
#ab3d2e
```
#ab3d2e rgb(171,61,46)
```
#b43625
```
#b43625 rgb(180,54,37)
```
#bc301d
```
#bc301d rgb(188,48,29)
```
#c42a15
```
#c42a15 rgb(196,42,21)
```
#cd230c
```
#cd230c rgb(205,35,12)
```
#d51d04
```
#d51d04 rgb(213,29,4)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#6c504c Atypical Achromatopsia 0.001% of the population

Dichromacy

#776c35 Protanopia 1% of men
#876719 Deuteranopia 1% of men
#bf383a Tritanopia 0.001% of the population

Trichromacy

#90562c Protanomaly 1% of men, 0.01% of women
#9a531a Deuteranomaly 6% of men, 0.4% of women
#be352f Tritanomaly 0.01% of the population

#bc301d hex color

#bc301d Color Information

#bc301d Color Conversion

Color Schemes with #bc301d

Alternatives to #bc301d

#bc301d Preview

Shades and Tints of #bc301d

Tones of #bc301d

Color Blindness Simulator