#bd311f hex color

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

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

● #bd311f color description : Strong red.

The hexadecimal color #bd311f has RGB values of R:189, G:49, B:31 and CMYK values of C:0, M:0.74, Y:0.84, K:0.26. Its decimal value is 12398879.

Hex triplet	bd311f	`#bd311f`
RGB Decimal	189, 49, 31	`rgb(189,49,31)`
RGB Percent	74.1, 19.2, 12.2	`rgb(74.1%,19.2%,12.2%)`
CMYK	0, 74, 84, 26
HSL	6.8°, 71.8, 43.1	`hsl(6.8,71.8%,43.1%)`
HSV (or HSB)	6.8°, 83.6, 74.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.939, 54.488, 43.644
XYZ	22.333, 13.117, 2.652
xyY	0.586, 0.344, 13.117
CIE-LCH	42.939, 69.812, 38.694
CIE-LUV	42.939, 109.194, 28.814
Hunter-Lab	36.217, 46.689, 21.01
Binary	10111101, 00110001, 00011111

#bd311f
```
#bd311f rgb(189,49,31)
```
#1fabbd
```
#1fabbd rgb(31,171,189)
```

Complementary Color

#bd1f5c
```
#bd1f5c rgb(189,31,92)
```
#bd311f
```
#bd311f rgb(189,49,31)
```
#bd801f
```
#bd801f rgb(189,128,31)
```

Analogous Color

#1f5cbd
```
#1f5cbd rgb(31,92,189)
```
#bd311f
```
#bd311f rgb(189,49,31)
```
#1fbd80
```
#1fbd80 rgb(31,189,128)
```

Split Complementary Color

#311fbd
```
#311fbd rgb(49,31,189)
```
#bd311f
```
#bd311f rgb(189,49,31)
```
#1fbd31
```
#1fbd31 rgb(31,189,49)
```

Triadic Color

#bd1fab
```
#bd1fab rgb(189,31,171)
```
#bd311f
```
#bd311f rgb(189,49,31)
```
#1fbd31
```
#1fbd31 rgb(31,189,49)
```
#1fabbd
```
#1fabbd rgb(31,171,189)
```

Tetradic Color

#7b2014
```
#7b2014 rgb(123,32,20)
```
#912618
```
#912618 rgb(145,38,24)
```
#a72b1b
```
#a72b1b rgb(167,43,27)
```
#bd311f
```
#bd311f rgb(189,49,31)
```
#d33723
```
#d33723 rgb(211,55,35)
```
#dd4532
```
#dd4532 rgb(221,69,50)
```
#e15948
```
#e15948 rgb(225,89,72)
```

Monochromatic Color

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

#bd1f34
```
#bd1f34 rgb(189,31,52)
```
#bd1f27
```
#bd1f27 rgb(189,31,39)
```
#bd241f
```
#bd241f rgb(189,36,31)
```
#bd311f
```
#bd311f rgb(189,49,31)
```
#bd3e1f
```
#bd3e1f rgb(189,62,31)
```
#bd4b1f
```
#bd4b1f rgb(189,75,31)
```
#bd591f
```
#bd591f rgb(189,89,31)
```

Similar Colors

Text with hexadecimal color #bd311f

This text has a font color of #bd311f.

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

#bd311f background color

This paragraph has a background color of #bd311f.

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

#bd311f border color

This element has a border color of #bd311f.

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

CSS codes

.text {color:#bd311f;}

.background {background-color:#bd311f;}

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

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)
```
#140503
```
#140503 rgb(20,5,3)
```
#250a06
```
#250a06 rgb(37,10,6)
```
#360e09
```
#360e09 rgb(54,14,9)
```
#47120c
```
#47120c rgb(71,18,12)
```
#58170e
```
#58170e rgb(88,23,14)
```
#691b11
```
#691b11 rgb(105,27,17)
```
#7a2014
```
#7a2014 rgb(122,32,20)
```
#8a2417
```
#8a2417 rgb(138,36,23)
```
#9b2819
```
#9b2819 rgb(155,40,25)
```
#ac2d1c
```
#ac2d1c rgb(172,45,28)
```
#bd311f
```
#bd311f rgb(189,49,31)
```
#ce3522
```
#ce3522 rgb(206,53,34)
```

Shade Color Variation

#dc3c28
```
#dc3c28 rgb(220,60,40)
```
#de4b38
```
#de4b38 rgb(222,75,56)
```
#e15b49
```
#e15b49 rgb(225,91,73)
```
#e46a5a
```
#e46a5a rgb(228,106,90)
```
#e7796b
```
#e7796b rgb(231,121,107)
```
#e9887c
```
#e9887c rgb(233,136,124)
```
#ec988d
```
#ec988d rgb(236,152,141)
```
#efa79e
```
#efa79e rgb(239,167,158)
```
#f2b6ae
```
#f2b6ae rgb(242,182,174)
```
#f5c5bf
```
#f5c5bf rgb(245,197,191)
```
#f7d5d0
```
#f7d5d0 rgb(247,213,208)
```
#fae4e1
```
#fae4e1 rgb(250,228,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 #d61d06 is the most saturated one.

#716c6b
```
#716c6b rgb(113,108,107)
```
#796563
```
#796563 rgb(121,101,99)
```
#825f5a
```
#825f5a rgb(130,95,90)
```
#8a5852
```
#8a5852 rgb(138,88,82)
```
#935249
```
#935249 rgb(147,82,73)
```
#9b4b41
```
#9b4b41 rgb(155,75,65)
```
#a44538
```
#a44538 rgb(164,69,56)
```
#ac3e30
```
#ac3e30 rgb(172,62,48)
```
#b53827
```
#b53827 rgb(181,56,39)
```
#bd311f
```
#bd311f rgb(189,49,31)
```
#c52a17
```
#c52a17 rgb(197,42,23)
```
#ce240e
```
#ce240e rgb(206,36,14)
```
#d61d06
```
#d61d06 rgb(214,29,6)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#6d514d Atypical Achromatopsia 0.001% of the population

Dichromacy

#786d37 Protanopia 1% of men
#88681c Deuteranopia 1% of men
#c0393b Tritanopia 0.001% of the population

Trichromacy

#91572e Protanomaly 1% of men, 0.01% of women
#9b541d Deuteranomaly 6% of men, 0.4% of women
#bf3631 Tritanomaly 0.01% of the population

#bd311f hex color

#bd311f Color Information

#bd311f Color Conversion

Color Schemes with #bd311f

Alternatives to #bd311f

#bd311f Preview

Shades and Tints of #bd311f

Tones of #bd311f

Color Blindness Simulator