#bd371f hex color

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

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

● #bd371f color description : Strong red.

The hexadecimal color #bd371f has RGB values of R:189, G:55, B:31 and CMYK values of C:0, M:0.71, Y:0.84, K:0.26. Its decimal value is 12400415.

Hex triplet	bd371f	`#bd371f`
RGB Decimal	189, 55, 31	`rgb(189,55,31)`
RGB Percent	74.1, 21.6, 12.2	`rgb(74.1%,21.6%,12.2%)`
CMYK	0, 71, 84, 26
HSL	9.1°, 71.8, 43.1	`hsl(9.1,71.8%,43.1%)`
HSV (or HSB)	9.1°, 83.6, 74.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.731, 52.304, 44.365
XYZ	22.601, 13.653, 2.741
xyY	0.58, 0.35, 13.653
CIE-LCH	43.731, 68.586, 40.305
CIE-LUV	43.731, 105.655, 30.225
Hunter-Lab	36.95, 44.52, 21.466
Binary	10111101, 00110111, 00011111

#bd371f
```
#bd371f rgb(189,55,31)
```
#1fa5bd
```
#1fa5bd rgb(31,165,189)
```

Complementary Color

#bd1f56
```
#bd1f56 rgb(189,31,86)
```
#bd371f
```
#bd371f rgb(189,55,31)
```
#bd861f
```
#bd861f rgb(189,134,31)
```

Analogous Color

#1f56bd
```
#1f56bd rgb(31,86,189)
```
#bd371f
```
#bd371f rgb(189,55,31)
```
#1fbd86
```
#1fbd86 rgb(31,189,134)
```

Split Complementary Color

#371fbd
```
#371fbd rgb(55,31,189)
```
#bd371f
```
#bd371f rgb(189,55,31)
```
#1fbd37
```
#1fbd37 rgb(31,189,55)
```

Triadic Color

#bd1fa5
```
#bd1fa5 rgb(189,31,165)
```
#bd371f
```
#bd371f rgb(189,55,31)
```
#1fbd37
```
#1fbd37 rgb(31,189,55)
```
#1fa5bd
```
#1fa5bd rgb(31,165,189)
```

Tetradic Color

#7b2414
```
#7b2414 rgb(123,36,20)
```
#912a18
```
#912a18 rgb(145,42,24)
```
#a7311b
```
#a7311b rgb(167,49,27)
```
#bd371f
```
#bd371f rgb(189,55,31)
```
#d33d23
```
#d33d23 rgb(211,61,35)
```
#dd4c32
```
#dd4c32 rgb(221,76,50)
```
#e15f48
```
#e15f48 rgb(225,95,72)
```

Monochromatic Color

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

#bd1f2e
```
#bd1f2e rgb(189,31,46)
```
#bd1f21
```
#bd1f21 rgb(189,31,33)
```
#bd2a1f
```
#bd2a1f rgb(189,42,31)
```
#bd371f
```
#bd371f rgb(189,55,31)
```
#bd441f
```
#bd441f rgb(189,68,31)
```
#bd511f
```
#bd511f rgb(189,81,31)
```
#bd5f1f
```
#bd5f1f rgb(189,95,31)
```

Similar Colors

Text with hexadecimal color #bd371f

This text has a font color of #bd371f.

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

#bd371f background color

This paragraph has a background color of #bd371f.

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

#bd371f border color

This element has a border color of #bd371f.

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

CSS codes

.text {color:#bd371f;}

.background {background-color:#bd371f;}

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

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

#040101
```
#040101 rgb(4,1,1)
```
#140603
```
#140603 rgb(20,6,3)
```
#250b06
```
#250b06 rgb(37,11,6)
```
#361009
```
#361009 rgb(54,16,9)
```
#47150c
```
#47150c rgb(71,21,12)
```
#581a0e
```
#581a0e rgb(88,26,14)
```
#691e11
```
#691e11 rgb(105,30,17)
```
#7a2314
```
#7a2314 rgb(122,35,20)
```
#8a2817
```
#8a2817 rgb(138,40,23)
```
#9b2d19
```
#9b2d19 rgb(155,45,25)
```
#ac321c
```
#ac321c rgb(172,50,28)
```
#bd371f
```
#bd371f rgb(189,55,31)
```
#ce3c22
```
#ce3c22 rgb(206,60,34)
```

Shade Color Variation

#dc4328
```
#dc4328 rgb(220,67,40)
```
#de5238
```
#de5238 rgb(222,82,56)
```
#e16049
```
#e16049 rgb(225,96,73)
```
#e46f5a
```
#e46f5a rgb(228,111,90)
```
#e77e6b
```
#e77e6b rgb(231,126,107)
```
#e98c7c
```
#e98c7c rgb(233,140,124)
```
#ec9b8d
```
#ec9b8d rgb(236,155,141)
```
#efaa9e
```
#efaa9e rgb(239,170,158)
```
#f2b9ae
```
#f2b9ae rgb(242,185,174)
```
#f5c7bf
```
#f5c7bf rgb(245,199,191)
```
#f7d6d0
```
#f7d6d0 rgb(247,214,208)
```
#fae5e1
```
#fae5e1 rgb(250,229,225)
```
#fdf3f2
```
#fdf3f2 rgb(253,243,242)
```

Tint Color Variation

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

#716c6b
```
#716c6b rgb(113,108,107)
```
#796663
```
#796663 rgb(121,102,99)
```
#82605a
```
#82605a rgb(130,96,90)
```
#8a5a52
```
#8a5a52 rgb(138,90,82)
```
#935449
```
#935449 rgb(147,84,73)
```
#9b4f41
```
#9b4f41 rgb(155,79,65)
```
#a44938
```
#a44938 rgb(164,73,56)
```
#ac4330
```
#ac4330 rgb(172,67,48)
```
#b53d27
```
#b53d27 rgb(181,61,39)
```
#bd371f
```
#bd371f rgb(189,55,31)
```
#c53117
```
#c53117 rgb(197,49,23)
```
#ce2b0e
```
#ce2b0e rgb(206,43,14)
```
#d62506
```
#d62506 rgb(214,37,6)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#6f5550 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a6f36 Protanopia 1% of men
#8a691c Deuteranopia 1% of men
#c13e41 Tritanopia 0.001% of the population

Trichromacy

#925a2e Protanomaly 1% of men, 0.01% of women
#9c571d Deuteranomaly 6% of men, 0.4% of women
#bf3b34 Tritanomaly 0.01% of the population

#bd371f hex color

#bd371f Color Information

#bd371f Color Conversion

Color Schemes with #bd371f

Alternatives to #bd371f

#bd371f Preview

Shades and Tints of #bd371f

Tones of #bd371f

Color Blindness Simulator