#bd1f22 hex color

In a RGB color space, hex #bd1f22 is composed of 74.1% red, 12.2% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.6% magenta, 82% yellow and 25.9% black. It has a hue angle of 358.9 degrees, a saturation of 71.8% and a lightness of 43.1%. #bd1f22 color hex could be obtained by blending #ff3e44 with #7b0000. Closest websafe color is: #cc3333.

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

● #bd1f22 color description : Strong red.

The hexadecimal color #bd1f22 has RGB values of R:189, G:31, B:34 and CMYK values of C:0, M:0.84, Y:0.82, K:0.26. Its decimal value is 12394274.

Hex triplet	bd1f22	`#bd1f22`
RGB Decimal	189, 31, 34	`rgb(189,31,34)`
RGB Percent	74.1, 12.2, 13.3	`rgb(74.1%,12.2%,13.3%)`
CMYK	0, 84, 82, 26
HSL	358.9°, 71.8, 43.1	`hsl(358.9,71.8%,43.1%)`
HSV (or HSB)	358.9°, 83.6, 74.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	41.084, 59.852, 40.334
XYZ	21.766, 11.917, 2.667
xyY	0.599, 0.328, 11.917
CIE-LCH	41.084, 72.174, 33.976
CIE-LUV	41.084, 117.333, 24.573
Hunter-Lab	34.521, 52.135, 19.583
Binary	10111101, 00011111, 00100010

#bd1f22
```
#bd1f22 rgb(189,31,34)
```
#1fbdba
```
#1fbdba rgb(31,189,186)
```

Complementary Color

#bd1f71
```
#bd1f71 rgb(189,31,113)
```
#bd1f22
```
#bd1f22 rgb(189,31,34)
```
#bd6b1f
```
#bd6b1f rgb(189,107,31)
```

Analogous Color

#1f71bd
```
#1f71bd rgb(31,113,189)
```
#bd1f22
```
#bd1f22 rgb(189,31,34)
```
#1fbd6b
```
#1fbd6b rgb(31,189,107)
```

Split Complementary Color

#1f22bd
```
#1f22bd rgb(31,34,189)
```
#bd1f22
```
#bd1f22 rgb(189,31,34)
```
#22bd1f
```
#22bd1f rgb(34,189,31)
```

Triadic Color

#ba1fbd
```
#ba1fbd rgb(186,31,189)
```
#bd1f22
```
#bd1f22 rgb(189,31,34)
```
#22bd1f
```
#22bd1f rgb(34,189,31)
```
#1fbdba
```
#1fbdba rgb(31,189,186)
```

Tetradic Color

#7b1416
```
#7b1416 rgb(123,20,22)
```
#91181a
```
#91181a rgb(145,24,26)
```
#a71b1e
```
#a71b1e rgb(167,27,30)
```
#bd1f22
```
#bd1f22 rgb(189,31,34)
```
#d32326
```
#d32326 rgb(211,35,38)
```
#dd3235
```
#dd3235 rgb(221,50,53)
```
#e1484a
```
#e1484a rgb(225,72,74)
```

Monochromatic Color

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

#bd1f4a
```
#bd1f4a rgb(189,31,74)
```
#bd1f3c
```
#bd1f3c rgb(189,31,60)
```
#bd1f2f
```
#bd1f2f rgb(189,31,47)
```
#bd1f22
```
#bd1f22 rgb(189,31,34)
```
#bd291f
```
#bd291f rgb(189,41,31)
```
#bd361f
```
#bd361f rgb(189,54,31)
```
#bd431f
```
#bd431f rgb(189,67,31)
```

Similar Colors

Text with hexadecimal color #bd1f22

This text has a font color of #bd1f22.

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

#bd1f22 background color

This paragraph has a background color of #bd1f22.

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

#bd1f22 border color

This element has a border color of #bd1f22.

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

CSS codes

.text {color:#bd1f22;}

.background {background-color:#bd1f22;}

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

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

#040101
```
#040101 rgb(4,1,1)
```
#140304
```
#140304 rgb(20,3,4)
```
#250607
```
#250607 rgb(37,6,7)
```
#36090a
```
#36090a rgb(54,9,10)
```
#470c0d
```
#470c0d rgb(71,12,13)
```
#580e10
```
#580e10 rgb(88,14,16)
```
#691113
```
#691113 rgb(105,17,19)
```
#7a1416
```
#7a1416 rgb(122,20,22)
```
#8a1719
```
#8a1719 rgb(138,23,25)
```
#9b191c
```
#9b191c rgb(155,25,28)
```
#ac1c1f
```
#ac1c1f rgb(172,28,31)
```
#bd1f22
```
#bd1f22 rgb(189,31,34)
```
#ce2225
```
#ce2225 rgb(206,34,37)
```

Shade Color Variation

#dc282b
```
#dc282b rgb(220,40,43)
```
#de383c
```
#de383c rgb(222,56,60)
```
#e1494c
```
#e1494c rgb(225,73,76)
```
#e45a5d
```
#e45a5d rgb(228,90,93)
```
#e76b6d
```
#e76b6d rgb(231,107,109)
```
#e97c7e
```
#e97c7e rgb(233,124,126)
```
#ec8d8e
```
#ec8d8e rgb(236,141,142)
```
#ef9e9f
```
#ef9e9f rgb(239,158,159)
```
#f2aeb0
```
#f2aeb0 rgb(242,174,176)
```
#f5bfc0
```
#f5bfc0 rgb(245,191,192)
```
#f7d0d1
```
#f7d0d1 rgb(247,208,209)
```
#fae1e1
```
#fae1e1 rgb(250,225,225)
```
#fdf2f2
```
#fdf2f2 rgb(253,242,242)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #716b6b is the less saturated color, while #d6060a is the most saturated one.

#716b6b
```
#716b6b rgb(113,107,107)
```
#796363
```
#796363 rgb(121,99,99)
```
#825a5b
```
#825a5b rgb(130,90,91)
```
#8a5253
```
#8a5253 rgb(138,82,83)
```
#93494b
```
#93494b rgb(147,73,75)
```
#9b4143
```
#9b4143 rgb(155,65,67)
```
#a4383a
```
#a4383a rgb(164,56,58)
```
#ac3032
```
#ac3032 rgb(172,48,50)
```
#b5272a
```
#b5272a rgb(181,39,42)
```
#bd1f22
```
#bd1f22 rgb(189,31,34)
```
#c5171a
```
#c5171a rgb(197,23,26)
```
#ce0e12
```
#ce0e12 rgb(206,14,18)
```
#d6060a
```
#d6060a rgb(214,6,10)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#654546 Atypical Achromatopsia 0.001% of the population

Dichromacy

#73693d Protanopia 1% of men
#82641f Deuteranopia 1% of men
#c02b2a Tritanopia 0.001% of the population

Trichromacy

#8d4e33 Protanomaly 1% of men, 0.01% of women
#974a20 Deuteranomaly 6% of men, 0.4% of women
#bf2627 Tritanomaly 0.01% of the population

#bd1f22 hex color

#bd1f22 Color Information

#bd1f22 Color Conversion

Color Schemes with #bd1f22

Alternatives to #bd1f22

#bd1f22 Preview

Shades and Tints of #bd1f22

Tones of #bd1f22

Color Blindness Simulator