#bd3a22 hex color

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

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

● #bd3a22 color description : Strong red.

The hexadecimal color #bd3a22 has RGB values of R:189, G:58, B:34 and CMYK values of C:0, M:0.69, Y:0.82, K:0.26. Its decimal value is 12401186.

Hex triplet	bd3a22	`#bd3a22`
RGB Decimal	189, 58, 34	`rgb(189,58,34)`
RGB Percent	74.1, 22.7, 13.3	`rgb(74.1%,22.7%,13.3%)`
CMYK	0, 69, 82, 26
HSL	9.3°, 69.5, 43.7	`hsl(9.3,69.5%,43.7%)`
HSV (or HSB)	9.3°, 82, 74.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.18, 51.226, 43.295
XYZ	22.789, 13.963, 3.008
xyY	0.573, 0.351, 13.963
CIE-LCH	44.18, 67.072, 40.204
CIE-LUV	44.18, 103.378, 30.177
Hunter-Lab	37.367, 43.469, 21.384
Binary	10111101, 00111010, 00100010

#bd3a22
```
#bd3a22 rgb(189,58,34)
```
#22a5bd
```
#22a5bd rgb(34,165,189)
```

Complementary Color

#bd2257
```
#bd2257 rgb(189,34,87)
```
#bd3a22
```
#bd3a22 rgb(189,58,34)
```
#bd8822
```
#bd8822 rgb(189,136,34)
```

Analogous Color

#2257bd
```
#2257bd rgb(34,87,189)
```
#bd3a22
```
#bd3a22 rgb(189,58,34)
```
#22bd88
```
#22bd88 rgb(34,189,136)
```

Split Complementary Color

#3a22bd
```
#3a22bd rgb(58,34,189)
```
#bd3a22
```
#bd3a22 rgb(189,58,34)
```
#22bd3a
```
#22bd3a rgb(34,189,58)
```

Triadic Color

#bd22a5
```
#bd22a5 rgb(189,34,165)
```
#bd3a22
```
#bd3a22 rgb(189,58,34)
```
#22bd3a
```
#22bd3a rgb(34,189,58)
```
#22a5bd
```
#22a5bd rgb(34,165,189)
```

Tetradic Color

#7c2616
```
#7c2616 rgb(124,38,22)
```
#922d1a
```
#922d1a rgb(146,45,26)
```
#a7331e
```
#a7331e rgb(167,51,30)
```
#bd3a22
```
#bd3a22 rgb(189,58,34)
```
#d34126
```
#d34126 rgb(211,65,38)
```
#db5037
```
#db5037 rgb(219,80,55)
```
#df634d
```
#df634d rgb(223,99,77)
```

Monochromatic Color

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

#bd2231
```
#bd2231 rgb(189,34,49)
```
#bd2224
```
#bd2224 rgb(189,34,36)
```
#bd2d22
```
#bd2d22 rgb(189,45,34)
```
#bd3a22
```
#bd3a22 rgb(189,58,34)
```
#bd4722
```
#bd4722 rgb(189,71,34)
```
#bd5422
```
#bd5422 rgb(189,84,34)
```
#bd6122
```
#bd6122 rgb(189,97,34)
```

Similar Colors

Text with hexadecimal color #bd3a22

This text has a font color of #bd3a22.

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

#bd3a22 background color

This paragraph has a background color of #bd3a22.

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

#bd3a22 border color

This element has a border color of #bd3a22.

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

CSS codes

.text {color:#bd3a22;}

.background {background-color:#bd3a22;}

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

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)
```
#170704
```
#170704 rgb(23,7,4)
```
#270c07
```
#270c07 rgb(39,12,7)
```
#38110a
```
#38110a rgb(56,17,10)
```
#49160d
```
#49160d rgb(73,22,13)
```
#591b10
```
#591b10 rgb(89,27,16)
```
#6a2013
```
#6a2013 rgb(106,32,19)
```
#7b2616
```
#7b2616 rgb(123,38,22)
```
#8b2b19
```
#8b2b19 rgb(139,43,25)
```
#9c301c
```
#9c301c rgb(156,48,28)
```
#ac351f
```
#ac351f rgb(172,53,31)
```
#bd3a22
```
#bd3a22 rgb(189,58,34)
```
#ce3f25
```
#ce3f25 rgb(206,63,37)
```

Shade Color Variation

#d9482d
```
#d9482d rgb(217,72,45)
```
#dc563e
```
#dc563e rgb(220,86,62)
```
#df654e
```
#df654e rgb(223,101,78)
```
#e2735f
```
#e2735f rgb(226,115,95)
```
#e58270
```
#e58270 rgb(229,130,112)
```
#e89080
```
#e89080 rgb(232,144,128)
```
#eb9f91
```
#eb9f91 rgb(235,159,145)
```
#eeada1
```
#eeada1 rgb(238,173,161)
```
#f1bcb2
```
#f1bcb2 rgb(241,188,178)
```
#f4cac3
```
#f4cac3 rgb(244,202,195)
```
#f7d9d3
```
#f7d9d3 rgb(247,217,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 #d72808 is the most saturated one.

#706f6f
```
#706f6f rgb(112,111,111)
```
#786967
```
#786967 rgb(120,105,103)
```
#81635e
```
#81635e rgb(129,99,94)
```
#8a5e55
```
#8a5e55 rgb(138,94,85)
```
#92584d
```
#92584d rgb(146,88,77)
```
#9b5244
```
#9b5244 rgb(155,82,68)
```
#a34c3c
```
#a34c3c rgb(163,76,60)
```
#ac4633
```
#ac4633 rgb(172,70,51)
```
#b4402b
```
#b4402b rgb(180,64,43)
```
#bd3a22
```
#bd3a22 rgb(189,58,34)
```
#c63419
```
#c63419 rgb(198,52,25)
```
#ce2e11
```
#ce2e11 rgb(206,46,17)
```
#d72808
```
#d72808 rgb(215,40,8)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#715752 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7039 Protanopia 1% of men
#8b6a21 Deuteranopia 1% of men
#c14144 Tritanopia 0.001% of the population

Trichromacy

#935c30 Protanomaly 1% of men, 0.01% of women
#9d5921 Deuteranomaly 6% of men, 0.4% of women
#bf3e37 Tritanomaly 0.01% of the population

#bd3a22 hex color

#bd3a22 Color Information

#bd3a22 Color Conversion

Color Schemes with #bd3a22

Alternatives to #bd3a22

#bd3a22 Preview

Shades and Tints of #bd3a22

Tones of #bd3a22

Color Blindness Simulator