#bd3322 hex color

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

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

● #bd3322 color description : Strong red.

The hexadecimal color #bd3322 has RGB values of R:189, G:51, B:34 and CMYK values of C:0, M:0.73, Y:0.82, K:0.26. Its decimal value is 12399394.

Hex triplet	bd3322	`#bd3322`
RGB Decimal	189, 51, 34	`rgb(189,51,34)`
RGB Percent	74.1, 20, 13.3	`rgb(74.1%,20%,13.3%)`
CMYK	0, 73, 82, 26
HSL	6.6°, 69.5, 43.7	`hsl(6.6,69.5%,43.7%)`
HSV (or HSB)	6.6°, 82, 74.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.219, 53.866, 42.382
XYZ	22.46, 13.305, 2.899
xyY	0.581, 0.344, 13.305
CIE-LCH	43.219, 68.541, 38.196
CIE-LUV	43.219, 107.615, 28.453
Hunter-Lab	36.476, 46.08, 20.821
Binary	10111101, 00110011, 00100010

#bd3322
```
#bd3322 rgb(189,51,34)
```
#22acbd
```
#22acbd rgb(34,172,189)
```

Complementary Color

#bd225f
```
#bd225f rgb(189,34,95)
```
#bd3322
```
#bd3322 rgb(189,51,34)
```
#bd8122
```
#bd8122 rgb(189,129,34)
```

Analogous Color

#225fbd
```
#225fbd rgb(34,95,189)
```
#bd3322
```
#bd3322 rgb(189,51,34)
```
#22bd81
```
#22bd81 rgb(34,189,129)
```

Split Complementary Color

#3322bd
```
#3322bd rgb(51,34,189)
```
#bd3322
```
#bd3322 rgb(189,51,34)
```
#22bd33
```
#22bd33 rgb(34,189,51)
```

Triadic Color

#bd22ac
```
#bd22ac rgb(189,34,172)
```
#bd3322
```
#bd3322 rgb(189,51,34)
```
#22bd33
```
#22bd33 rgb(34,189,51)
```
#22acbd
```
#22acbd rgb(34,172,189)
```

Tetradic Color

#7c2216
```
#7c2216 rgb(124,34,22)
```
#92271a
```
#92271a rgb(146,39,26)
```
#a72d1e
```
#a72d1e rgb(167,45,30)
```
#bd3322
```
#bd3322 rgb(189,51,34)
```
#d33926
```
#d33926 rgb(211,57,38)
```
#db4937
```
#db4937 rgb(219,73,55)
```
#df5d4d
```
#df5d4d rgb(223,93,77)
```

Monochromatic Color

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

#bd2238
```
#bd2238 rgb(189,34,56)
```
#bd222b
```
#bd222b rgb(189,34,43)
```
#bd2622
```
#bd2622 rgb(189,38,34)
```
#bd3322
```
#bd3322 rgb(189,51,34)
```
#bd4022
```
#bd4022 rgb(189,64,34)
```
#bd4d22
```
#bd4d22 rgb(189,77,34)
```
#bd5a22
```
#bd5a22 rgb(189,90,34)
```

Similar Colors

Text with hexadecimal color #bd3322

This text has a font color of #bd3322.

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

#bd3322 background color

This paragraph has a background color of #bd3322.

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

#bd3322 border color

This element has a border color of #bd3322.

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

CSS codes

.text {color:#bd3322;}

.background {background-color:#bd3322;}

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

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 #fdf5f5 is the lightest one.

#060201
```
#060201 rgb(6,2,1)
```
#170604
```
#170604 rgb(23,6,4)
```
#270b07
```
#270b07 rgb(39,11,7)
```
#380f0a
```
#380f0a rgb(56,15,10)
```
#49140d
```
#49140d rgb(73,20,13)
```
#591810
```
#591810 rgb(89,24,16)
```
#6a1d13
```
#6a1d13 rgb(106,29,19)
```
#7b2116
```
#7b2116 rgb(123,33,22)
```
#8b2619
```
#8b2619 rgb(139,38,25)
```
#9c2a1c
```
#9c2a1c rgb(156,42,28)
```
#ac2f1f
```
#ac2f1f rgb(172,47,31)
```
#bd3322
```
#bd3322 rgb(189,51,34)
```
#ce3725
```
#ce3725 rgb(206,55,37)
```

Shade Color Variation

#d9402d
```
#d9402d rgb(217,64,45)
```
#dc4f3e
```
#dc4f3e rgb(220,79,62)
```
#df5e4e
```
#df5e4e rgb(223,94,78)
```
#e26d5f
```
#e26d5f rgb(226,109,95)
```
#e57c70
```
#e57c70 rgb(229,124,112)
```
#e88c80
```
#e88c80 rgb(232,140,128)
```
#eb9b91
```
#eb9b91 rgb(235,155,145)
```
#eeaaa1
```
#eeaaa1 rgb(238,170,161)
```
#f1b9b2
```
#f1b9b2 rgb(241,185,178)
```
#f4c8c3
```
#f4c8c3 rgb(244,200,195)
```
#f7d7d3
```
#f7d7d3 rgb(247,215,211)
```
#fae6e4
```
#fae6e4 rgb(250,230,228)
```
#fdf5f5
```
#fdf5f5 rgb(253,245,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 #d71f08 is the most saturated one.

#706f6f
```
#706f6f rgb(112,111,111)
```
#786967
```
#786967 rgb(120,105,103)
```
#81625e
```
#81625e rgb(129,98,94)
```
#8a5b55
```
#8a5b55 rgb(138,91,85)
```
#92544d
```
#92544d rgb(146,84,77)
```
#9b4e44
```
#9b4e44 rgb(155,78,68)
```
#a3473c
```
#a3473c rgb(163,71,60)
```
#ac4033
```
#ac4033 rgb(172,64,51)
```
#b43a2b
```
#b43a2b rgb(180,58,43)
```
#bd3322
```
#bd3322 rgb(189,51,34)
```
#c62c19
```
#c62c19 rgb(198,44,25)
```
#ce2611
```
#ce2611 rgb(206,38,17)
```
#d71f08
```
#d71f08 rgb(215,31,8)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#6e524f Atypical Achromatopsia 0.001% of the population

Dichromacy

#796e3a Protanopia 1% of men
#886820 Deuteranopia 1% of men
#c03b3d Tritanopia 0.001% of the population

Trichromacy

#915831 Protanomaly 1% of men, 0.01% of women
#9b5521 Deuteranomaly 6% of men, 0.4% of women
#bf3833 Tritanomaly 0.01% of the population

#bd3322 hex color

#bd3322 Color Information

#bd3322 Color Conversion

Color Schemes with #bd3322

Alternatives to #bd3322

#bd3322 Preview

Shades and Tints of #bd3322

Tones of #bd3322

Color Blindness Simulator