#bd221f hex color

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

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

● #bd221f color description : Strong red.

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

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

CIE-LAB	41.319, 59.031, 42.157
XYZ	21.807, 12.065, 2.477
xyY	0.6, 0.332, 12.065
CIE-LCH	41.319, 72.539, 35.533
CIE-LUV	41.319, 116.625, 25.896
Hunter-Lab	34.734, 51.281, 20.086
Binary	10111101, 00100010, 00011111

#bd221f
```
#bd221f rgb(189,34,31)
```
#1fbabd
```
#1fbabd rgb(31,186,189)
```

Complementary Color

#bd1f6b
```
#bd1f6b rgb(189,31,107)
```
#bd221f
```
#bd221f rgb(189,34,31)
```
#bd711f
```
#bd711f rgb(189,113,31)
```

Analogous Color

#1f6bbd
```
#1f6bbd rgb(31,107,189)
```
#bd221f
```
#bd221f rgb(189,34,31)
```
#1fbd71
```
#1fbd71 rgb(31,189,113)
```

Split Complementary Color

#221fbd
```
#221fbd rgb(34,31,189)
```
#bd221f
```
#bd221f rgb(189,34,31)
```
#1fbd22
```
#1fbd22 rgb(31,189,34)
```

Triadic Color

#bd1fba
```
#bd1fba rgb(189,31,186)
```
#bd221f
```
#bd221f rgb(189,34,31)
```
#1fbd22
```
#1fbd22 rgb(31,189,34)
```
#1fbabd
```
#1fbabd rgb(31,186,189)
```

Tetradic Color

#7b1614
```
#7b1614 rgb(123,22,20)
```
#911a18
```
#911a18 rgb(145,26,24)
```
#a71e1b
```
#a71e1b rgb(167,30,27)
```
#bd221f
```
#bd221f rgb(189,34,31)
```
#d32623
```
#d32623 rgb(211,38,35)
```
#dd3532
```
#dd3532 rgb(221,53,50)
```
#e14a48
```
#e14a48 rgb(225,74,72)
```

Monochromatic Color

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

#bd1f44
```
#bd1f44 rgb(189,31,68)
```
#bd1f36
```
#bd1f36 rgb(189,31,54)
```
#bd1f29
```
#bd1f29 rgb(189,31,41)
```
#bd221f
```
#bd221f rgb(189,34,31)
```
#bd2f1f
```
#bd2f1f rgb(189,47,31)
```
#bd3c1f
```
#bd3c1f rgb(189,60,31)
```
#bd4a1f
```
#bd4a1f rgb(189,74,31)
```

Similar Colors

Text with hexadecimal color #bd221f

This text has a font color of #bd221f.

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

#bd221f background color

This paragraph has a background color of #bd221f.

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

#bd221f border color

This element has a border color of #bd221f.

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

CSS codes

.text {color:#bd221f;}

.background {background-color:#bd221f;}

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

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)
```
#140403
```
#140403 rgb(20,4,3)
```
#250706
```
#250706 rgb(37,7,6)
```
#360a09
```
#360a09 rgb(54,10,9)
```
#470d0c
```
#470d0c rgb(71,13,12)
```
#58100e
```
#58100e rgb(88,16,14)
```
#691311
```
#691311 rgb(105,19,17)
```
#7a1614
```
#7a1614 rgb(122,22,20)
```
#8a1917
```
#8a1917 rgb(138,25,23)
```
#9b1c19
```
#9b1c19 rgb(155,28,25)
```
#ac1f1c
```
#ac1f1c rgb(172,31,28)
```
#bd221f
```
#bd221f rgb(189,34,31)
```
#ce2522
```
#ce2522 rgb(206,37,34)
```

Shade Color Variation

#dc2b28
```
#dc2b28 rgb(220,43,40)
```
#de3c38
```
#de3c38 rgb(222,60,56)
```
#e14c49
```
#e14c49 rgb(225,76,73)
```
#e45d5a
```
#e45d5a rgb(228,93,90)
```
#e76d6b
```
#e76d6b rgb(231,109,107)
```
#e97e7c
```
#e97e7c rgb(233,126,124)
```
#ec8e8d
```
#ec8e8d rgb(236,142,141)
```
#ef9f9e
```
#ef9f9e rgb(239,159,158)
```
#f2b0ae
```
#f2b0ae rgb(242,176,174)
```
#f5c0bf
```
#f5c0bf rgb(245,192,191)
```
#f7d1d0
```
#f7d1d0 rgb(247,209,208)
```
#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 #d60a06 is the most saturated one.

#716b6b
```
#716b6b rgb(113,107,107)
```
#796363
```
#796363 rgb(121,99,99)
```
#825b5a
```
#825b5a rgb(130,91,90)
```
#8a5352
```
#8a5352 rgb(138,83,82)
```
#934b49
```
#934b49 rgb(147,75,73)
```
#9b4341
```
#9b4341 rgb(155,67,65)
```
#a43a38
```
#a43a38 rgb(164,58,56)
```
#ac3230
```
#ac3230 rgb(172,50,48)
```
#b52a27
```
#b52a27 rgb(181,42,39)
```
#bd221f
```
#bd221f rgb(189,34,31)
```
#c51a17
```
#c51a17 rgb(197,26,23)
```
#ce120e
```
#ce120e rgb(206,18,14)
```
#d60a06
```
#d60a06 rgb(214,10,6)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#664746 Atypical Achromatopsia 0.001% of the population

Dichromacy

#746939 Protanopia 1% of men
#83641b Deuteranopia 1% of men
#c02d2d Tritanopia 0.001% of the population

Trichromacy

#8e4f2f Protanomaly 1% of men, 0.01% of women
#984c1c Deuteranomaly 6% of men, 0.4% of women
#bf2928 Tritanomaly 0.01% of the population

#bd221f hex color

#bd221f Color Information

#bd221f Color Conversion

Color Schemes with #bd221f

Alternatives to #bd221f

#bd221f Preview

Shades and Tints of #bd221f

Tones of #bd221f

Color Blindness Simulator