#bc522f hex color

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

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

● #bc522f color description : Strong red.

The hexadecimal color #bc522f has RGB values of R:188, G:82, B:47 and CMYK values of C:0, M:0.56, Y:0.75, K:0.26. Its decimal value is 12341807.

Hex triplet	bc522f	`#bc522f`
RGB Decimal	188, 82, 47	`rgb(188,82,47)`
RGB Percent	73.7, 32.2, 18.4	`rgb(73.7%,32.2%,18.4%)`
CMYK	0, 56, 75, 26
HSL	14.9°, 60, 46.1	`hsl(14.9,60%,46.1%)`
HSV (or HSB)	14.9°, 75, 73.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.176, 40.59, 40.592
XYZ	24.27, 16.934, 4.68
xyY	0.529, 0.369, 16.934
CIE-LCH	48.176, 57.405, 45.002
CIE-LUV	48.176, 84.095, 33.213
Hunter-Lab	41.15, 33.265, 22.063
Binary	10111100, 01010010, 00101111

#bc522f
```
#bc522f rgb(188,82,47)
```
#2f99bc
```
#2f99bc rgb(47,153,188)
```

Complementary Color

#bc2f53
```
#bc2f53 rgb(188,47,83)
```
#bc522f
```
#bc522f rgb(188,82,47)
```
#bc992f
```
#bc992f rgb(188,153,47)
```

Analogous Color

#2f53bc
```
#2f53bc rgb(47,83,188)
```
#bc522f
```
#bc522f rgb(188,82,47)
```
#2fbc99
```
#2fbc99 rgb(47,188,153)
```

Split Complementary Color

#522fbc
```
#522fbc rgb(82,47,188)
```
#bc522f
```
#bc522f rgb(188,82,47)
```
#2fbc52
```
#2fbc52 rgb(47,188,82)
```

Triadic Color

#bc2f99
```
#bc2f99 rgb(188,47,153)
```
#bc522f
```
#bc522f rgb(188,82,47)
```
#2fbc52
```
#2fbc52 rgb(47,188,82)
```
#2f99bc
```
#2f99bc rgb(47,153,188)
```

Tetradic Color

#7f3720
```
#7f3720 rgb(127,55,32)
```
#934025
```
#934025 rgb(147,64,37)
```
#a8492a
```
#a8492a rgb(168,73,42)
```
#bc522f
```
#bc522f rgb(188,82,47)
```
#cd5d37
```
#cd5d37 rgb(205,93,55)
```
#d26d4c
```
#d26d4c rgb(210,109,76)
```
#d77e60
```
#d77e60 rgb(215,126,96)
```

Monochromatic Color

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

#bc2f2f
```
#bc2f2f rgb(188,47,47)
```
#bc3b2f
```
#bc3b2f rgb(188,59,47)
```
#bc462f
```
#bc462f rgb(188,70,47)
```
#bc522f
```
#bc522f rgb(188,82,47)
```
#bc5e2f
```
#bc5e2f rgb(188,94,47)
```
#bc6a2f
```
#bc6a2f rgb(188,106,47)
```
#bc752f
```
#bc752f rgb(188,117,47)
```

Similar Colors

Text with hexadecimal color #bc522f

This text has a font color of #bc522f.

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

#bc522f background color

This paragraph has a background color of #bc522f.

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

#bc522f border color

This element has a border color of #bc522f.

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

CSS codes

.text {color:#bc522f;}

.background {background-color:#bc522f;}

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

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)
```
#2f140c
```
#2f140c rgb(47,20,12)
```
#3e1b10
```
#3e1b10 rgb(62,27,16)
```
#4e2214
```
#4e2214 rgb(78,34,20)
```
#5e2917
```
#5e2917 rgb(94,41,23)
```
#6e301b
```
#6e301b rgb(110,48,27)
```
#7d371f
```
#7d371f rgb(125,55,31)
```
#8d3d23
```
#8d3d23 rgb(141,61,35)
```
#9d4427
```
#9d4427 rgb(157,68,39)
```
#ac4b2b
```
#ac4b2b rgb(172,75,43)
```
#bc522f
```
#bc522f rgb(188,82,47)
```
#cc5933
```
#cc5933 rgb(204,89,51)
```

Shade Color Variation

#d06542
```
#d06542 rgb(208,101,66)
```
#d47252
```
#d47252 rgb(212,114,82)
```
#d87f62
```
#d87f62 rgb(216,127,98)
```
#dc8c71
```
#dc8c71 rgb(220,140,113)
```
#e09981
```
#e09981 rgb(224,153,129)
```
#e3a591
```
#e3a591 rgb(227,165,145)
```
#e7b2a1
```
#e7b2a1 rgb(231,178,161)
```
#ebbfb0
```
#ebbfb0 rgb(235,191,176)
```
#efccc0
```
#efccc0 rgb(239,204,192)
```
#f3d8d0
```
#f3d8d0 rgb(243,216,208)
```
#f7e5df
```
#f7e5df rgb(247,229,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 #e93b02 is the most saturated one.

#7d726e
```
#7d726e rgb(125,114,110)
```
#866d65
```
#866d65 rgb(134,109,101)
```
#8f695c
```
#8f695c rgb(143,105,92)
```
#986453
```
#986453 rgb(152,100,83)
```
#a1604a
```
#a1604a rgb(161,96,74)
```
#aa5b41
```
#aa5b41 rgb(170,91,65)
```
#b35738
```
#b35738 rgb(179,87,56)
```
#bc522f
```
#bc522f rgb(188,82,47)
```
#c54d26
```
#c54d26 rgb(197,77,38)
```
#ce491d
```
#ce491d rgb(206,73,29)
```
#d74414
```
#d74414 rgb(215,68,20)
```
#e0400b
```
#e0400b rgb(224,64,11)
```
#e93b02
```
#e93b02 rgb(233,59,2)
```

Tone Color Variation

Below, you can see how #bc522f 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
#7e6861 Atypical Achromatopsia 0.001% of the population

Dichromacy

#857942 Protanopia 1% of men
#967432 Deuteranopia 1% of men
#c1565c Tritanopia 0.001% of the population

Trichromacy

#996b3b Protanomaly 1% of men, 0.01% of women
#a36731 Deuteranomaly 6% of men, 0.4% of women
#bf554b Tritanomaly 0.01% of the population

#bc522f hex color

#bc522f Color Information

#bc522f Color Conversion

Color Schemes with #bc522f

Alternatives to #bc522f

#bc522f Preview

Shades and Tints of #bc522f

Tones of #bc522f

Color Blindness Simulator