colorhexa.com

#bd3b22 hex color

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

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

● #bd3b22 color description : Strong red.

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

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

CIE-LAB	44.326, 50.829, 43.433
XYZ	22.84, 14.065, 3.025
xyY	0.572, 0.352, 14.065
CIE-LCH	44.326, 66.858, 40.514
CIE-LUV	44.326, 102.742, 30.438
Hunter-Lab	37.503, 43.079, 21.469
Binary	10111101, 00111011, 00100010

#bd3b22
```
#bd3b22 rgb(189,59,34)
```
#22a4bd
```
#22a4bd rgb(34,164,189)
```

Complementary Color

#bd2256
```
#bd2256 rgb(189,34,86)
```
#bd3b22
```
#bd3b22 rgb(189,59,34)
```
#bd8922
```
#bd8922 rgb(189,137,34)
```

Analogous Color

#2257bd
```
#2257bd rgb(34,87,189)
```
#bd3b22
```
#bd3b22 rgb(189,59,34)
```
#22bd89
```
#22bd89 rgb(34,189,137)
```

Split Complementary Color

#3b22bd
```
#3b22bd rgb(59,34,189)
```
#bd3b22
```
#bd3b22 rgb(189,59,34)
```
#22bd3b
```
#22bd3b rgb(34,189,59)
```

Triadic Color

#bd22a4
```
#bd22a4 rgb(189,34,164)
```
#bd3b22
```
#bd3b22 rgb(189,59,34)
```
#22bd3b
```
#22bd3b rgb(34,189,59)
```
#22a4bd
```
#22a4bd rgb(34,164,189)
```

Tetradic Color

#7c2716
```
#7c2716 rgb(124,39,22)
```
#922e1a
```
#922e1a rgb(146,46,26)
```
#a7341e
```
#a7341e rgb(167,52,30)
```
#bd3b22
```
#bd3b22 rgb(189,59,34)
```
#d34226
```
#d34226 rgb(211,66,38)
```
#db5137
```
#db5137 rgb(219,81,55)
```
#df644d
```
#df644d rgb(223,100,77)
```

Monochromatic Color

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

#bd2230
```
#bd2230 rgb(189,34,48)
```
#bd2223
```
#bd2223 rgb(189,34,35)
```
#bd2e22
```
#bd2e22 rgb(189,46,34)
```
#bd3b22
```
#bd3b22 rgb(189,59,34)
```
#bd4822
```
#bd4822 rgb(189,72,34)
```
#bd5522
```
#bd5522 rgb(189,85,34)
```
#bd6222
```
#bd6222 rgb(189,98,34)
```

Similar Colors

Text with hexadecimal color #bd3b22

This text has a font color of #bd3b22.

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

#bd3b22 background color

This paragraph has a background color of #bd3b22.

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

#bd3b22 border color

This element has a border color of #bd3b22.

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

CSS codes

.text {color:#bd3b22;}

.background {background-color:#bd3b22;}

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

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)
```
#49170d
```
#49170d rgb(73,23,13)
```
#591c10
```
#591c10 rgb(89,28,16)
```
#6a2113
```
#6a2113 rgb(106,33,19)
```
#7b2616
```
#7b2616 rgb(123,38,22)
```
#8b2b19
```
#8b2b19 rgb(139,43,25)
```
#9c311c
```
#9c311c rgb(156,49,28)
```
#ac361f
```
#ac361f rgb(172,54,31)
```
#bd3b22
```
#bd3b22 rgb(189,59,34)
```
#ce4025
```
#ce4025 rgb(206,64,37)
```

Shade Color Variation

#d9492d
```
#d9492d rgb(217,73,45)
```
#dc573e
```
#dc573e rgb(220,87,62)
```
#df664e
```
#df664e rgb(223,102,78)
```
#e2745f
```
#e2745f rgb(226,116,95)
```
#e58270
```
#e58270 rgb(229,130,112)
```
#e89180
```
#e89180 rgb(232,145,128)
```
#eb9f91
```
#eb9f91 rgb(235,159,145)
```
#eeaea1
```
#eeaea1 rgb(238,174,161)
```
#f1bcb2
```
#f1bcb2 rgb(241,188,178)
```
#f4cbc3
```
#f4cbc3 rgb(244,203,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 #d72a08 is the most saturated one.

#706f6f
```
#706f6f rgb(112,111,111)
```
#786967
```
#786967 rgb(120,105,103)
```
#81645e
```
#81645e rgb(129,100,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)
```
#ac4733
```
#ac4733 rgb(172,71,51)
```
#b4412b
```
#b4412b rgb(180,65,43)
```
#bd3b22
```
#bd3b22 rgb(189,59,34)
```
#c63519
```
#c63519 rgb(198,53,25)
```
#ce2f11
```
#ce2f11 rgb(206,47,17)
```
#d72a08
```
#d72a08 rgb(215,42,8)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#725853 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7039 Protanopia 1% of men
#8c6b21 Deuteranopia 1% of men
#c14245 Tritanopia 0.001% of the population

Trichromacy

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