#bd3522 hex color

In a RGB color space, hex #bd3522 is composed of 74.1% red, 20.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72% magenta, 82% yellow and 25.9% black. It has a hue angle of 7.4 degrees, a saturation of 69.5% and a lightness of 43.7%. #bd3522 color hex could be obtained by blending #ff6a44 with #7b0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 74
- G 21
- B 13
RGB color chart
- C 0
- M 72
- Y 82
- K 26
CMYK color chart

● #bd3522 color description : Strong red.

The hexadecimal color #bd3522 has RGB values of R:189, G:53, B:34 and CMYK values of C:0, M:0.72, Y:0.82, K:0.26. Its decimal value is 12399906.

Hex triplet	bd3522	`#bd3522`
RGB Decimal	189, 53, 34	`rgb(189,53,34)`
RGB Percent	74.1, 20.8, 13.3	`rgb(74.1%,20.8%,13.3%)`
CMYK	0, 72, 82, 26
HSL	7.4°, 69.5, 43.7	`hsl(7.4,69.5%,43.7%)`
HSV (or HSB)	7.4°, 82, 74.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.482, 53.139, 42.633
XYZ	22.549, 13.483, 2.928
xyY	0.579, 0.346, 13.483
CIE-LCH	43.482, 68.127, 38.74
CIE-LUV	43.482, 106.444, 28.928
Hunter-Lab	36.719, 45.357, 20.975
Binary	10111101, 00110101, 00100010

#bd3522
```
#bd3522 rgb(189,53,34)
```
#22aabd
```
#22aabd rgb(34,170,189)
```

Complementary Color

#bd225c
```
#bd225c rgb(189,34,92)
```
#bd3522
```
#bd3522 rgb(189,53,34)
```
#bd8322
```
#bd8322 rgb(189,131,34)
```

Analogous Color

#225dbd
```
#225dbd rgb(34,93,189)
```
#bd3522
```
#bd3522 rgb(189,53,34)
```
#22bd83
```
#22bd83 rgb(34,189,131)
```

Split Complementary Color

#3522bd
```
#3522bd rgb(53,34,189)
```
#bd3522
```
#bd3522 rgb(189,53,34)
```
#22bd35
```
#22bd35 rgb(34,189,53)
```

Triadic Color

#bd22aa
```
#bd22aa rgb(189,34,170)
```
#bd3522
```
#bd3522 rgb(189,53,34)
```
#22bd35
```
#22bd35 rgb(34,189,53)
```
#22aabd
```
#22aabd rgb(34,170,189)
```

Tetradic Color

#7c2316
```
#7c2316 rgb(124,35,22)
```
#92291a
```
#92291a rgb(146,41,26)
```
#a72f1e
```
#a72f1e rgb(167,47,30)
```
#bd3522
```
#bd3522 rgb(189,53,34)
```
#d33b26
```
#d33b26 rgb(211,59,38)
```
#db4b37
```
#db4b37 rgb(219,75,55)
```
#df5f4d
```
#df5f4d rgb(223,95,77)
```

Monochromatic Color

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

#bd2236
```
#bd2236 rgb(189,34,54)
```
#bd2229
```
#bd2229 rgb(189,34,41)
```
#bd2822
```
#bd2822 rgb(189,40,34)
```
#bd3522
```
#bd3522 rgb(189,53,34)
```
#bd4222
```
#bd4222 rgb(189,66,34)
```
#bd4f22
```
#bd4f22 rgb(189,79,34)
```
#bd5c22
```
#bd5c22 rgb(189,92,34)
```

Similar Colors

Text with hexadecimal color #bd3522

This text has a font color of #bd3522.

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

#bd3522 background color

This paragraph has a background color of #bd3522.

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

#bd3522 border color

This element has a border color of #bd3522.

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

CSS codes

.text {color:#bd3522;}

.background {background-color:#bd3522;}

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

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

#060201
```
#060201 rgb(6,2,1)
```
#170604
```
#170604 rgb(23,6,4)
```
#270b07
```
#270b07 rgb(39,11,7)
```
#38100a
```
#38100a rgb(56,16,10)
```
#49140d
```
#49140d rgb(73,20,13)
```
#591910
```
#591910 rgb(89,25,16)
```
#6a1e13
```
#6a1e13 rgb(106,30,19)
```
#7b2216
```
#7b2216 rgb(123,34,22)
```
#8b2719
```
#8b2719 rgb(139,39,25)
```
#9c2c1c
```
#9c2c1c rgb(156,44,28)
```
#ac301f
```
#ac301f rgb(172,48,31)
```
#bd3522
```
#bd3522 rgb(189,53,34)
```
#ce3a25
```
#ce3a25 rgb(206,58,37)
```

Shade Color Variation

#d9422d
```
#d9422d rgb(217,66,45)
```
#dc513e
```
#dc513e rgb(220,81,62)
```
#df604e
```
#df604e rgb(223,96,78)
```
#e26f5f
```
#e26f5f rgb(226,111,95)
```
#e57e70
```
#e57e70 rgb(229,126,112)
```
#e88d80
```
#e88d80 rgb(232,141,128)
```
#eb9c91
```
#eb9c91 rgb(235,156,145)
```
#eeaba1
```
#eeaba1 rgb(238,171,161)
```
#f1bab2
```
#f1bab2 rgb(241,186,178)
```
#f4c9c3
```
#f4c9c3 rgb(244,201,195)
```
#f7d8d3
```
#f7d8d3 rgb(247,216,211)
```
#fae7e4
```
#fae7e4 rgb(250,231,228)
```
#fdf6f5
```
#fdf6f5 rgb(253,246,245)
```

Tint Color Variation

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

#706f6f
```
#706f6f rgb(112,111,111)
```
#786967
```
#786967 rgb(120,105,103)
```
#81625e
```
#81625e rgb(129,98,94)
```
#8a5c55
```
#8a5c55 rgb(138,92,85)
```
#92554d
```
#92554d rgb(146,85,77)
```
#9b4f44
```
#9b4f44 rgb(155,79,68)
```
#a3483c
```
#a3483c rgb(163,72,60)
```
#ac4233
```
#ac4233 rgb(172,66,51)
```
#b43b2b
```
#b43b2b rgb(180,59,43)
```
#bd3522
```
#bd3522 rgb(189,53,34)
```
#c62f19
```
#c62f19 rgb(198,47,25)
```
#ce2811
```
#ce2811 rgb(206,40,17)
```
#d72208
```
#d72208 rgb(215,34,8)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6f5350 Atypical Achromatopsia 0.001% of the population

Dichromacy

#796e3a Protanopia 1% of men
#896920 Deuteranopia 1% of men
#c03d3f Tritanopia 0.001% of the population

Trichromacy

#925931 Protanomaly 1% of men, 0.01% of women
#9c5621 Deuteranomaly 6% of men, 0.4% of women
#bf3a34 Tritanomaly 0.01% of the population

#bd3522 hex color

#bd3522 Color Information

#bd3522 Color Conversion

Color Schemes with #bd3522

Alternatives to #bd3522

#bd3522 Preview

Shades and Tints of #bd3522

Tones of #bd3522

Color Blindness Simulator