#bc522d hex color

In a RGB color space, hex #bc522d is composed of 73.7% red, 32.2% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.4% magenta, 76.1% yellow and 26.3% black. It has a hue angle of 15.5 degrees, a saturation of 61.4% and a lightness of 45.7%. #bc522d color hex could be obtained by blending #ffa45a with #790000. Closest websafe color is: #cc6633.

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

● #bc522d color description : Strong orange.

The hexadecimal color #bc522d has RGB values of R:188, G:82, B:45 and CMYK values of C:0, M:0.56, Y:0.76, K:0.26. Its decimal value is 12341805.

Hex triplet	bc522d	`#bc522d`
RGB Decimal	188, 82, 45	`rgb(188,82,45)`
RGB Percent	73.7, 32.2, 17.6	`rgb(73.7%,32.2%,17.6%)`
CMYK	0, 56, 76, 26
HSL	15.5°, 61.4, 45.7	`hsl(15.5,61.4%,45.7%)`
HSV (or HSB)	15.5°, 76.1, 73.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.156, 40.504, 41.61
XYZ	24.231, 16.918, 4.472
xyY	0.531, 0.371, 16.918
CIE-LCH	48.156, 58.069, 45.772
CIE-LUV	48.156, 84.363, 33.901
Hunter-Lab	41.131, 33.177, 22.346
Binary	10111100, 01010010, 00101101

#bc522d
```
#bc522d rgb(188,82,45)
```
#2d97bc
```
#2d97bc rgb(45,151,188)
```

Complementary Color

#bc2d50
```
#bc2d50 rgb(188,45,80)
```
#bc522d
```
#bc522d rgb(188,82,45)
```
#bc9a2d
```
#bc9a2d rgb(188,154,45)
```

Analogous Color

#2d50bc
```
#2d50bc rgb(45,80,188)
```
#bc522d
```
#bc522d rgb(188,82,45)
```
#2dbc9a
```
#2dbc9a rgb(45,188,154)
```

Split Complementary Color

#522dbc
```
#522dbc rgb(82,45,188)
```
#bc522d
```
#bc522d rgb(188,82,45)
```
#2dbc52
```
#2dbc52 rgb(45,188,82)
```

Triadic Color

#bc2d97
```
#bc2d97 rgb(188,45,151)
```
#bc522d
```
#bc522d rgb(188,82,45)
```
#2dbc52
```
#2dbc52 rgb(45,188,82)
```
#2d97bc
```
#2d97bc rgb(45,151,188)
```

Tetradic Color

#7e371e
```
#7e371e rgb(126,55,30)
```
#934023
```
#934023 rgb(147,64,35)
```
#a74928
```
#a74928 rgb(167,73,40)
```
#bc522d
```
#bc522d rgb(188,82,45)
```
#ce5c34
```
#ce5c34 rgb(206,92,52)
```
#d36d49
```
#d36d49 rgb(211,109,73)
```
#d87d5d
```
#d87d5d rgb(216,125,93)
```

Monochromatic Color

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

#bc2e2d
```
#bc2e2d rgb(188,46,45)
```
#bc3a2d
```
#bc3a2d rgb(188,58,45)
```
#bc462d
```
#bc462d rgb(188,70,45)
```
#bc522d
```
#bc522d rgb(188,82,45)
```
#bc5e2d
```
#bc5e2d rgb(188,94,45)
```
#bc6a2d
```
#bc6a2d rgb(188,106,45)
```
#bc762d
```
#bc762d rgb(188,118,45)
```

Similar Colors

Text with hexadecimal color #bc522d

This text has a font color of #bc522d.

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

#bc522d background color

This paragraph has a background color of #bc522d.

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

#bc522d border color

This element has a border color of #bc522d.

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

CSS codes

.text {color:#bc522d;}

.background {background-color:#bc522d;}

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

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

#0e0603
```
#0e0603 rgb(14,6,3)
```
#1e0d07
```
#1e0d07 rgb(30,13,7)
```
#2e140b
```
#2e140b rgb(46,20,11)
```
#3d1b0f
```
#3d1b0f rgb(61,27,15)
```
#4d2212
```
#4d2212 rgb(77,34,18)
```
#5d2916
```
#5d2916 rgb(93,41,22)
```
#6d2f1a
```
#6d2f1a rgb(109,47,26)
```
#7d361e
```
#7d361e rgb(125,54,30)
```
#8d3d22
```
#8d3d22 rgb(141,61,34)
```
#9c4425
```
#9c4425 rgb(156,68,37)
```
#ac4b29
```
#ac4b29 rgb(172,75,41)
```
#bc522d
```
#bc522d rgb(188,82,45)
```
#cc5931
```
#cc5931 rgb(204,89,49)
```

Shade Color Variation

#d1653f
```
#d1653f rgb(209,101,63)
```
#d5724f
```
#d5724f rgb(213,114,79)
```
#d97e5f
```
#d97e5f rgb(217,126,95)
```
#dc8b6f
```
#dc8b6f rgb(220,139,111)
```
#e0987e
```
#e0987e rgb(224,152,126)
```
#e4a48e
```
#e4a48e rgb(228,164,142)
```
#e8b19e
```
#e8b19e rgb(232,177,158)
```
#ecbeae
```
#ecbeae rgb(236,190,174)
```
#efcbbe
```
#efcbbe rgb(239,203,190)
```
#f3d7ce
```
#f3d7ce rgb(243,215,206)
```
#f7e4dd
```
#f7e4dd rgb(247,228,221)
```
#fbf1ed
```
#fbf1ed rgb(251,241,237)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#7d706c
```
#7d706c rgb(125,112,108)
```
#866c63
```
#866c63 rgb(134,108,99)
```
#8f685a
```
#8f685a rgb(143,104,90)
```
#986351
```
#986351 rgb(152,99,81)
```
#a15f48
```
#a15f48 rgb(161,95,72)
```
#aa5b3f
```
#aa5b3f rgb(170,91,63)
```
#b35636
```
#b35636 rgb(179,86,54)
```
#bc522d
```
#bc522d rgb(188,82,45)
```
#c54e24
```
#c54e24 rgb(197,78,36)
```
#ce491b
```
#ce491b rgb(206,73,27)
```
#d74512
```
#d74512 rgb(215,69,18)
```
#e04109
```
#e04109 rgb(224,65,9)
```
#e93c00
```
#e93c00 rgb(233,60,0)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#7d6860 Atypical Achromatopsia 0.001% of the population

Dichromacy

#857940 Protanopia 1% of men
#967430 Deuteranopia 1% of men
#c1565b Tritanopia 0.001% of the population

Trichromacy

#996b39 Protanomaly 1% of men, 0.01% of women
#a4672f Deuteranomaly 6% of men, 0.4% of women
#bf554a Tritanomaly 0.01% of the population

#bc522d hex color

#bc522d Color Information

#bc522d Color Conversion

Color Schemes with #bc522d

Alternatives to #bc522d

#bc522d Preview

Shades and Tints of #bc522d

Tones of #bc522d

Color Blindness Simulator