#bd222e hex color

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

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

● #bd222e color description : Strong red.

The hexadecimal color #bd222e has RGB values of R:189, G:34, B:46 and CMYK values of C:0, M:0.82, Y:0.76, K:0.26. Its decimal value is 12395054.

Hex triplet	bd222e	`#bd222e`
RGB Decimal	189, 34, 46	`rgb(189,34,46)`
RGB Percent	74.1, 13.3, 18	`rgb(74.1%,13.3%,18%)`
CMYK	0, 82, 76, 26
HSL	355.4°, 69.5, 43.7	`hsl(355.4,69.5%,43.7%)`
HSV (or HSB)	355.4°, 82, 74.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	41.474, 59.507, 33.9
XYZ	22.053, 12.163, 3.771
xyY	0.581, 0.32, 12.163
CIE-LCH	41.474, 68.486, 29.669
CIE-LUV	41.474, 113.71, 20.972
Hunter-Lab	34.875, 51.838, 18.002
Binary	10111101, 00100010, 00101110

#bd222e
```
#bd222e rgb(189,34,46)
```
#22bdb1
```
#22bdb1 rgb(34,189,177)
```

Complementary Color

#bd227c
```
#bd227c rgb(189,34,124)
```
#bd222e
```
#bd222e rgb(189,34,46)
```
#bd6322
```
#bd6322 rgb(189,99,34)
```

Analogous Color

#227cbd
```
#227cbd rgb(34,124,189)
```
#bd222e
```
#bd222e rgb(189,34,46)
```
#22bd63
```
#22bd63 rgb(34,189,99)
```

Split Complementary Color

#222ebd
```
#222ebd rgb(34,46,189)
```
#bd222e
```
#bd222e rgb(189,34,46)
```
#2ebd22
```
#2ebd22 rgb(46,189,34)
```

Triadic Color

#b122bd
```
#b122bd rgb(177,34,189)
```
#bd222e
```
#bd222e rgb(189,34,46)
```
#2ebd22
```
#2ebd22 rgb(46,189,34)
```
#22bdb1
```
#22bdb1 rgb(34,189,177)
```

Tetradic Color

#7c161e
```
#7c161e rgb(124,22,30)
```
#921a23
```
#921a23 rgb(146,26,35)
```
#a71e29
```
#a71e29 rgb(167,30,41)
```
#bd222e
```
#bd222e rgb(189,34,46)
```
#d32633
```
#d32633 rgb(211,38,51)
```
#db3744
```
#db3744 rgb(219,55,68)
```
#df4d58
```
#df4d58 rgb(223,77,88)
```

Monochromatic Color

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

#bd2255
```
#bd2255 rgb(189,34,85)
```
#bd2248
```
#bd2248 rgb(189,34,72)
```
#bd223b
```
#bd223b rgb(189,34,59)
```
#bd222e
```
#bd222e rgb(189,34,46)
```
#bd2322
```
#bd2322 rgb(189,35,34)
```
#bd3022
```
#bd3022 rgb(189,48,34)
```
#bd3d22
```
#bd3d22 rgb(189,61,34)
```

Similar Colors

Text with hexadecimal color #bd222e

This text has a font color of #bd222e.

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

#bd222e background color

This paragraph has a background color of #bd222e.

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

#bd222e border color

This element has a border color of #bd222e.

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

CSS codes

.text {color:#bd222e;}

.background {background-color:#bd222e;}

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

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)
```
#170406
```
#170406 rgb(23,4,6)
```
#27070a
```
#27070a rgb(39,7,10)
```
#380a0e
```
#380a0e rgb(56,10,14)
```
#490d12
```
#490d12 rgb(73,13,18)
```
#591016
```
#591016 rgb(89,16,22)
```
#6a131a
```
#6a131a rgb(106,19,26)
```
#7b161e
```
#7b161e rgb(123,22,30)
```
#8b1922
```
#8b1922 rgb(139,25,34)
```
#9c1c26
```
#9c1c26 rgb(156,28,38)
```
#ac1f2a
```
#ac1f2a rgb(172,31,42)
```
#bd222e
```
#bd222e rgb(189,34,46)
```
#ce2532
```
#ce2532 rgb(206,37,50)
```

Shade Color Variation

#d92d3a
```
#d92d3a rgb(217,45,58)
```
#dc3e4a
```
#dc3e4a rgb(220,62,74)
```
#df4e59
```
#df4e59 rgb(223,78,89)
```
#e25f69
```
#e25f69 rgb(226,95,105)
```
#e57079
```
#e57079 rgb(229,112,121)
```
#e88088
```
#e88088 rgb(232,128,136)
```
#eb9198
```
#eb9198 rgb(235,145,152)
```
#eea1a7
```
#eea1a7 rgb(238,161,167)
```
#f1b2b7
```
#f1b2b7 rgb(241,178,183)
```
#f4c3c6
```
#f4c3c6 rgb(244,195,198)
```
#f7d3d6
```
#f7d3d6 rgb(247,211,214)
```
#fae4e6
```
#fae4e6 rgb(250,228,230)
```
#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 #d70818 is the most saturated one.

#706f6f
```
#706f6f rgb(112,111,111)
```
#786768
```
#786768 rgb(120,103,104)
```
#815e61
```
#815e61 rgb(129,94,97)
```
#8a5559
```
#8a5559 rgb(138,85,89)
```
#924d52
```
#924d52 rgb(146,77,82)
```
#9b444b
```
#9b444b rgb(155,68,75)
```
#a33c44
```
#a33c44 rgb(163,60,68)
```
#ac333c
```
#ac333c rgb(172,51,60)
```
#b42b35
```
#b42b35 rgb(180,43,53)
```
#bd222e
```
#bd222e rgb(189,34,46)
```
#c61927
```
#c61927 rgb(198,25,39)
```
#ce1120
```
#ce1120 rgb(206,17,32)
```
#d70818
```
#d70818 rgb(215,8,24)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#67484b Atypical Achromatopsia 0.001% of the population

Dichromacy

#72694a Protanopia 1% of men
#82652d Deuteranopia 1% of men
#c02f2f Tritanopia 0.001% of the population

Trichromacy

#8d4f40 Protanomaly 1% of men, 0.01% of women
#974c2d Deuteranomaly 6% of men, 0.4% of women
#bf2a2f Tritanomaly 0.01% of the population

#bd222e hex color

#bd222e Color Information

#bd222e Color Conversion

Color Schemes with #bd222e

Alternatives to #bd222e

#bd222e Preview

Shades and Tints of #bd222e

Tones of #bd222e

Color Blindness Simulator