#bc542f hex color

In a RGB color space, hex #bc542f is composed of 73.7% red, 32.9% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.3% magenta, 75% yellow and 26.3% black. It has a hue angle of 15.7 degrees, a saturation of 60% and a lightness of 46.1%. #bc542f color hex could be obtained by blending #ffa85e with #790000. Closest websafe color is: #cc6633.

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

● #bc542f color description : Strong orange.

The hexadecimal color #bc542f has RGB values of R:188, G:84, B:47 and CMYK values of C:0, M:0.55, Y:0.75, K:0.26. Its decimal value is 12342319.

Hex triplet	bc542f	`#bc542f`
RGB Decimal	188, 84, 47	`rgb(188,84,47)`
RGB Percent	73.7, 32.9, 18.4	`rgb(73.7%,32.9%,18.4%)`
CMYK	0, 55, 75, 26
HSL	15.7°, 60, 46.1	`hsl(15.7,60%,46.1%)`
HSV (or HSB)	15.7°, 75, 73.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.561, 39.599, 41.001
XYZ	24.423, 17.24, 4.731
xyY	0.526, 0.372, 17.24
CIE-LCH	48.561, 57.001, 45.997
CIE-LUV	48.561, 82.612, 33.905
Hunter-Lab	41.521, 32.336, 22.309
Binary	10111100, 01010100, 00101111

#bc542f
```
#bc542f rgb(188,84,47)
```
#2f97bc
```
#2f97bc rgb(47,151,188)
```

Complementary Color

#bc2f51
```
#bc2f51 rgb(188,47,81)
```
#bc542f
```
#bc542f rgb(188,84,47)
```
#bc9b2f
```
#bc9b2f rgb(188,155,47)
```

Analogous Color

#2f50bc
```
#2f50bc rgb(47,80,188)
```
#bc542f
```
#bc542f rgb(188,84,47)
```
#2fbc9b
```
#2fbc9b rgb(47,188,155)
```

Split Complementary Color

#542fbc
```
#542fbc rgb(84,47,188)
```
#bc542f
```
#bc542f rgb(188,84,47)
```
#2fbc54
```
#2fbc54 rgb(47,188,84)
```

Triadic Color

#bc2f97
```
#bc2f97 rgb(188,47,151)
```
#bc542f
```
#bc542f rgb(188,84,47)
```
#2fbc54
```
#2fbc54 rgb(47,188,84)
```
#2f97bc
```
#2f97bc rgb(47,151,188)
```

Tetradic Color

#7f3920
```
#7f3920 rgb(127,57,32)
```
#934225
```
#934225 rgb(147,66,37)
```
#a84b2a
```
#a84b2a rgb(168,75,42)
```
#bc542f
```
#bc542f rgb(188,84,47)
```
#cd5f37
```
#cd5f37 rgb(205,95,55)
```
#d26f4c
```
#d26f4c rgb(210,111,76)
```
#d77f60
```
#d77f60 rgb(215,127,96)
```

Monochromatic Color

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

#bc312f
```
#bc312f rgb(188,49,47)
```
#bc3d2f
```
#bc3d2f rgb(188,61,47)
```
#bc482f
```
#bc482f rgb(188,72,47)
```
#bc542f
```
#bc542f rgb(188,84,47)
```
#bc602f
```
#bc602f rgb(188,96,47)
```
#bc6c2f
```
#bc6c2f rgb(188,108,47)
```
#bc772f
```
#bc772f rgb(188,119,47)
```

Similar Colors

Text with hexadecimal color #bc542f

This text has a font color of #bc542f.

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

#bc542f background color

This paragraph has a background color of #bc542f.

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

#bc542f border color

This element has a border color of #bc542f.

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

CSS codes

.text {color:#bc542f;}

.background {background-color:#bc542f;}

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

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

#0f0704
```
#0f0704 rgb(15,7,4)
```
#1f0e08
```
#1f0e08 rgb(31,14,8)
```
#2f150c
```
#2f150c rgb(47,21,12)
```
#3e1c10
```
#3e1c10 rgb(62,28,16)
```
#4e2314
```
#4e2314 rgb(78,35,20)
```
#5e2a17
```
#5e2a17 rgb(94,42,23)
```
#6e311b
```
#6e311b rgb(110,49,27)
```
#7d381f
```
#7d381f rgb(125,56,31)
```
#8d3f23
```
#8d3f23 rgb(141,63,35)
```
#9d4627
```
#9d4627 rgb(157,70,39)
```
#ac4d2b
```
#ac4d2b rgb(172,77,43)
```
#bc542f
```
#bc542f rgb(188,84,47)
```
#cc5b33
```
#cc5b33 rgb(204,91,51)
```

Shade Color Variation

#d06842
```
#d06842 rgb(208,104,66)
```
#d47452
```
#d47452 rgb(212,116,82)
```
#d88162
```
#d88162 rgb(216,129,98)
```
#dc8d71
```
#dc8d71 rgb(220,141,113)
```
#e09a81
```
#e09a81 rgb(224,154,129)
```
#e3a791
```
#e3a791 rgb(227,167,145)
```
#e7b3a1
```
#e7b3a1 rgb(231,179,161)
```
#ebc0b0
```
#ebc0b0 rgb(235,192,176)
```
#efccc0
```
#efccc0 rgb(239,204,192)
```
#f3d9d0
```
#f3d9d0 rgb(243,217,208)
```
#f7e6df
```
#f7e6df rgb(247,230,223)
```
#fbf2ef
```
#fbf2ef rgb(251,242,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7d726e
```
#7d726e rgb(125,114,110)
```
#866e65
```
#866e65 rgb(134,110,101)
```
#8f695c
```
#8f695c rgb(143,105,92)
```
#986553
```
#986553 rgb(152,101,83)
```
#a1614a
```
#a1614a rgb(161,97,74)
```
#aa5d41
```
#aa5d41 rgb(170,93,65)
```
#b35838
```
#b35838 rgb(179,88,56)
```
#bc542f
```
#bc542f rgb(188,84,47)
```
#c55026
```
#c55026 rgb(197,80,38)
```
#ce4b1d
```
#ce4b1d rgb(206,75,29)
```
#d74714
```
#d74714 rgb(215,71,20)
```
#e0430b
```
#e0430b rgb(224,67,11)
```
#e93f02
```
#e93f02 rgb(233,63,2)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#7e6a62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867a42 Protanopia 1% of men
#977432 Deuteranopia 1% of men
#c1585d Tritanopia 0.001% of the population

Trichromacy

#9a6c3b Protanomaly 1% of men, 0.01% of women
#a46831 Deuteranomaly 6% of men, 0.4% of women
#bf564c Tritanomaly 0.01% of the population

#bc542f hex color

#bc542f Color Information

#bc542f Color Conversion

Color Schemes with #bc542f

Alternatives to #bc542f

#bc542f Preview

Shades and Tints of #bc542f

Tones of #bc542f

Color Blindness Simulator