#bc5424 hex color

In a RGB color space, hex #bc5424 is composed of 73.7% red, 32.9% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.3% magenta, 80.9% yellow and 26.3% black. It has a hue angle of 18.9 degrees, a saturation of 67.9% and a lightness of 43.9%. #bc5424 color hex could be obtained by blending #ffa848 with #790000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 74
- G 33
- B 14
RGB color chart
- C 0
- M 55
- Y 81
- K 26
CMYK color chart

● #bc5424 color description : Strong orange.

The hexadecimal color #bc5424 has RGB values of R:188, G:84, B:36 and CMYK values of C:0, M:0.55, Y:0.81, K:0.26. Its decimal value is 12342308.

Hex triplet	bc5424	`#bc5424`
RGB Decimal	188, 84, 36	`rgb(188,84,36)`
RGB Percent	73.7, 32.9, 14.1	`rgb(73.7%,32.9%,14.1%)`
CMYK	0, 55, 81, 26
HSL	18.9°, 67.9, 43.9	`hsl(18.9,67.9%,43.9%)`
HSV (or HSB)	18.9°, 80.9, 73.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.463, 39.171, 46.33
XYZ	24.229, 17.162, 3.706
xyY	0.537, 0.381, 17.162
CIE-LCH	48.463, 60.67, 49.786
CIE-LUV	48.463, 83.909, 37.314
Hunter-Lab	41.427, 31.9, 23.695
Binary	10111100, 01010100, 00100100

#bc5424
```
#bc5424 rgb(188,84,36)
```
#248cbc
```
#248cbc rgb(36,140,188)
```

Complementary Color

#bc2440
```
#bc2440 rgb(188,36,64)
```
#bc5424
```
#bc5424 rgb(188,84,36)
```
#bca024
```
#bca024 rgb(188,160,36)
```

Analogous Color

#2440bc
```
#2440bc rgb(36,64,188)
```
#bc5424
```
#bc5424 rgb(188,84,36)
```
#24bca0
```
#24bca0 rgb(36,188,160)
```

Split Complementary Color

#5424bc
```
#5424bc rgb(84,36,188)
```
#bc5424
```
#bc5424 rgb(188,84,36)
```
#24bc54
```
#24bc54 rgb(36,188,84)
```

Triadic Color

#bc248c
```
#bc248c rgb(188,36,140)
```
#bc5424
```
#bc5424 rgb(188,84,36)
```
#24bc54
```
#24bc54 rgb(36,188,84)
```
#248cbc
```
#248cbc rgb(36,140,188)
```

Tetradic Color

#7c3718
```
#7c3718 rgb(124,55,24)
```
#91411c
```
#91411c rgb(145,65,28)
```
#a74a20
```
#a74a20 rgb(167,74,32)
```
#bc5424
```
#bc5424 rgb(188,84,36)
```
#d15e28
```
#d15e28 rgb(209,94,40)
```
#d96c3a
```
#d96c3a rgb(217,108,58)
```
#dd7c4f
```
#dd7c4f rgb(221,124,79)
```

Monochromatic Color

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

#bc2e24
```
#bc2e24 rgb(188,46,36)
```
#bc3b24
```
#bc3b24 rgb(188,59,36)
```
#bc4724
```
#bc4724 rgb(188,71,36)
```
#bc5424
```
#bc5424 rgb(188,84,36)
```
#bc6124
```
#bc6124 rgb(188,97,36)
```
#bc6d24
```
#bc6d24 rgb(188,109,36)
```
#bc7a24
```
#bc7a24 rgb(188,122,36)
```

Similar Colors

Text with hexadecimal color #bc5424

This text has a font color of #bc5424.

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

#bc5424 background color

This paragraph has a background color of #bc5424.

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

#bc5424 border color

This element has a border color of #bc5424.

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

CSS codes

.text {color:#bc5424;}

.background {background-color:#bc5424;}

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

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

#070301
```
#070301 rgb(7,3,1)
```
#170a04
```
#170a04 rgb(23,10,4)
```
#281208
```
#281208 rgb(40,18,8)
```
#38190b
```
#38190b rgb(56,25,11)
```
#49210e
```
#49210e rgb(73,33,14)
```
#592811
```
#592811 rgb(89,40,17)
```
#6a2f14
```
#6a2f14 rgb(106,47,20)
```
#7a3717
```
#7a3717 rgb(122,55,23)
```
#8b3e1b
```
#8b3e1b rgb(139,62,27)
```
#9b451e
```
#9b451e rgb(155,69,30)
```
#ac4d21
```
#ac4d21 rgb(172,77,33)
```
#bc5424
```
#bc5424 rgb(188,84,36)
```
#cc5b27
```
#cc5b27 rgb(204,91,39)
```

Shade Color Variation

#d76530
```
#d76530 rgb(215,101,48)
```
#da7140
```
#da7140 rgb(218,113,64)
```
#de7d51
```
#de7d51 rgb(222,125,81)
```
#e18a61
```
#e18a61 rgb(225,138,97)
```
#e49672
```
#e49672 rgb(228,150,114)
```
#e7a282
```
#e7a282 rgb(231,162,130)
```
#eaae93
```
#eaae93 rgb(234,174,147)
```
#edbba3
```
#edbba3 rgb(237,187,163)
```
#f1c7b4
```
#f1c7b4 rgb(241,199,180)
```
#f4d3c4
```
#f4d3c4 rgb(244,211,196)
```
#f7dfd5
```
#f7dfd5 rgb(247,223,213)
```
#faece5
```
#faece5 rgb(250,236,229)
```
#fdf8f5
```
#fdf8f5 rgb(253,248,245)
```

Tint Color Variation

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

#776d69
```
#776d69 rgb(119,109,105)
```
#806a60
```
#806a60 rgb(128,106,96)
```
#886758
```
#886758 rgb(136,103,88)
```
#91644f
```
#91644f rgb(145,100,79)
```
#9a6146
```
#9a6146 rgb(154,97,70)
```
#a25e3e
```
#a25e3e rgb(162,94,62)
```
#ab5a35
```
#ab5a35 rgb(171,90,53)
```
#b3572d
```
#b3572d rgb(179,87,45)
```
#bc5424
```
#bc5424 rgb(188,84,36)
```
#c5511b
```
#c5511b rgb(197,81,27)
```
#cd4e13
```
#cd4e13 rgb(205,78,19)
```
#d64a0a
```
#d64a0a rgb(214,74,10)
```
#de4702
```
#de4702 rgb(222,71,2)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#7e695f Atypical Achromatopsia 0.001% of the population

Dichromacy

#877a37 Protanopia 1% of men
#987426 Deuteranopia 1% of men
#c1575d Tritanopia 0.001% of the population

Trichromacy

#9a6c30 Protanomaly 1% of men, 0.01% of women
#a56825 Deuteranomaly 6% of men, 0.4% of women
#bf5648 Tritanomaly 0.01% of the population

#bc5424 hex color

#bc5424 Color Information

#bc5424 Color Conversion

Color Schemes with #bc5424

Alternatives to #bc5424

#bc5424 Preview

Shades and Tints of #bc5424

Tones of #bc5424

Color Blindness Simulator