#bd2822 hex color

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

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

● #bd2822 color description : Strong red.

The hexadecimal color #bd2822 has RGB values of R:189, G:40, B:34 and CMYK values of C:0, M:0.79, Y:0.82, K:0.26. Its decimal value is 12396578.

Hex triplet	bd2822	`#bd2822`
RGB Decimal	189, 40, 34	`rgb(189,40,34)`
RGB Percent	74.1, 15.7, 13.3	`rgb(74.1%,15.7%,13.3%)`
CMYK	0, 79, 82, 26
HSL	2.3°, 69.5, 43.7	`hsl(2.3,69.5%,43.7%)`
HSV (or HSB)	2.3°, 82, 74.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	41.93, 57.46, 41.149
XYZ	22.035, 12.455, 2.757
xyY	0.592, 0.334, 12.455
CIE-LCH	41.93, 70.675, 35.608
CIE-LUV	41.93, 113.432, 26.119
Hunter-Lab	35.291, 49.692, 20.072
Binary	10111101, 00101000, 00100010

#bd2822
```
#bd2822 rgb(189,40,34)
```
#22b7bd
```
#22b7bd rgb(34,183,189)
```

Complementary Color

#bd226a
```
#bd226a rgb(189,34,106)
```
#bd2822
```
#bd2822 rgb(189,40,34)
```
#bd7622
```
#bd7622 rgb(189,118,34)
```

Analogous Color

#226abd
```
#226abd rgb(34,106,189)
```
#bd2822
```
#bd2822 rgb(189,40,34)
```
#22bd76
```
#22bd76 rgb(34,189,118)
```

Split Complementary Color

#2822bd
```
#2822bd rgb(40,34,189)
```
#bd2822
```
#bd2822 rgb(189,40,34)
```
#22bd28
```
#22bd28 rgb(34,189,40)
```

Triadic Color

#bd22b7
```
#bd22b7 rgb(189,34,183)
```
#bd2822
```
#bd2822 rgb(189,40,34)
```
#22bd28
```
#22bd28 rgb(34,189,40)
```
#22b7bd
```
#22b7bd rgb(34,183,189)
```

Tetradic Color

#7c1a16
```
#7c1a16 rgb(124,26,22)
```
#921f1a
```
#921f1a rgb(146,31,26)
```
#a7231e
```
#a7231e rgb(167,35,30)
```
#bd2822
```
#bd2822 rgb(189,40,34)
```
#d32d26
```
#d32d26 rgb(211,45,38)
```
#db3d37
```
#db3d37 rgb(219,61,55)
```
#df524d
```
#df524d rgb(223,82,77)
```

Monochromatic Color

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

#bd2243
```
#bd2243 rgb(189,34,67)
```
#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)
```

Similar Colors

Text with hexadecimal color #bd2822

This text has a font color of #bd2822.

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

#bd2822 background color

This paragraph has a background color of #bd2822.

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

#bd2822 border color

This element has a border color of #bd2822.

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

CSS codes

.text {color:#bd2822;}

.background {background-color:#bd2822;}

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

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

#060101
```
#060101 rgb(6,1,1)
```
#170504
```
#170504 rgb(23,5,4)
```
#270807
```
#270807 rgb(39,8,7)
```
#380c0a
```
#380c0a rgb(56,12,10)
```
#490f0d
```
#490f0d rgb(73,15,13)
```
#591310
```
#591310 rgb(89,19,16)
```
#6a1613
```
#6a1613 rgb(106,22,19)
```
#7b1a16
```
#7b1a16 rgb(123,26,22)
```
#8b1d19
```
#8b1d19 rgb(139,29,25)
```
#9c211c
```
#9c211c rgb(156,33,28)
```
#ac241f
```
#ac241f rgb(172,36,31)
```
#bd2822
```
#bd2822 rgb(189,40,34)
```
#ce2c25
```
#ce2c25 rgb(206,44,37)
```

Shade Color Variation

#d9342d
```
#d9342d rgb(217,52,45)
```
#dc443e
```
#dc443e rgb(220,68,62)
```
#df544e
```
#df544e rgb(223,84,78)
```
#e2645f
```
#e2645f rgb(226,100,95)
```
#e57470
```
#e57470 rgb(229,116,112)
```
#e88480
```
#e88480 rgb(232,132,128)
```
#eb9491
```
#eb9491 rgb(235,148,145)
```
#eea4a1
```
#eea4a1 rgb(238,164,161)
```
#f1b4b2
```
#f1b4b2 rgb(241,180,178)
```
#f4c5c3
```
#f4c5c3 rgb(244,197,195)
```
#f7d5d3
```
#f7d5d3 rgb(247,213,211)
```
#fae5e4
```
#fae5e4 rgb(250,229,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 #d71008 is the most saturated one.

#706f6f
```
#706f6f rgb(112,111,111)
```
#786767
```
#786767 rgb(120,103,103)
```
#815f5e
```
#815f5e rgb(129,95,94)
```
#8a5755
```
#8a5755 rgb(138,87,85)
```
#92504d
```
#92504d rgb(146,80,77)
```
#9b4844
```
#9b4844 rgb(155,72,68)
```
#a3403c
```
#a3403c rgb(163,64,60)
```
#ac3833
```
#ac3833 rgb(172,56,51)
```
#b4302b
```
#b4302b rgb(180,48,43)
```
#bd2822
```
#bd2822 rgb(189,40,34)
```
#c62019
```
#c62019 rgb(198,32,25)
```
#ce1811
```
#ce1811 rgb(206,24,17)
```
#d71008
```
#d71008 rgb(215,16,8)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#694b4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#756b3c Protanopia 1% of men
#85651f Deuteranopia 1% of men
#c03233 Tritanopia 0.001% of the population

Trichromacy

#8f5232 Protanomaly 1% of men, 0.01% of women
#994f20 Deuteranomaly 6% of men, 0.4% of women
#bf2e2d Tritanomaly 0.01% of the population

#bd2822 hex color

#bd2822 Color Information

#bd2822 Color Conversion

Color Schemes with #bd2822

Alternatives to #bd2822

#bd2822 Preview

Shades and Tints of #bd2822

Tones of #bd2822

Color Blindness Simulator