#bf311f hex color

In a RGB color space, hex #bf311f is composed of 74.9% red, 19.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.3% magenta, 83.8% yellow and 25.1% black. It has a hue angle of 6.8 degrees, a saturation of 72.1% and a lightness of 43.5%. #bf311f color hex could be obtained by blending #ff623e with #7f0000. Closest websafe color is: #cc3333.

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

● #bf311f color description : Strong red.

The hexadecimal color #bf311f has RGB values of R:191, G:49, B:31 and CMYK values of C:0, M:0.74, Y:0.84, K:0.25. Its decimal value is 12529951.

Hex triplet	bf311f	`#bf311f`
RGB Decimal	191, 49, 31	`rgb(191,49,31)`
RGB Percent	74.9, 19.2, 12.2	`rgb(74.9%,19.2%,12.2%)`
CMYK	0, 74, 84, 25
HSL	6.8°, 72.1, 43.5	`hsl(6.8,72.1%,43.5%)`
HSV (or HSB)	6.8°, 83.8, 74.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.322, 55.12, 44.135
XYZ	22.833, 13.375, 2.676
xyY	0.587, 0.344, 13.375
CIE-LCH	43.322, 70.612, 38.684
CIE-LUV	43.322, 110.786, 29.103
Hunter-Lab	36.571, 47.443, 21.262
Binary	10111111, 00110001, 00011111

#bf311f
```
#bf311f rgb(191,49,31)
```
#1fadbf
```
#1fadbf rgb(31,173,191)
```

Complementary Color

#bf1f5d
```
#bf1f5d rgb(191,31,93)
```
#bf311f
```
#bf311f rgb(191,49,31)
```
#bf811f
```
#bf811f rgb(191,129,31)
```

Analogous Color

#1f5dbf
```
#1f5dbf rgb(31,93,191)
```
#bf311f
```
#bf311f rgb(191,49,31)
```
#1fbf81
```
#1fbf81 rgb(31,191,129)
```

Split Complementary Color

#311fbf
```
#311fbf rgb(49,31,191)
```
#bf311f
```
#bf311f rgb(191,49,31)
```
#1fbf31
```
#1fbf31 rgb(31,191,49)
```

Triadic Color

#bf1fad
```
#bf1fad rgb(191,31,173)
```
#bf311f
```
#bf311f rgb(191,49,31)
```
#1fbf31
```
#1fbf31 rgb(31,191,49)
```
#1fadbf
```
#1fadbf rgb(31,173,191)
```

Tetradic Color

#7d2014
```
#7d2014 rgb(125,32,20)
```
#932618
```
#932618 rgb(147,38,24)
```
#a92b1b
```
#a92b1b rgb(169,43,27)
```
#bf311f
```
#bf311f rgb(191,49,31)
```
#d53723
```
#d53723 rgb(213,55,35)
```
#de4633
```
#de4633 rgb(222,70,51)
```
#e15a49
```
#e15a49 rgb(225,90,73)
```

Monochromatic Color

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

#bf1f35
```
#bf1f35 rgb(191,31,53)
```
#bf1f28
```
#bf1f28 rgb(191,31,40)
```
#bf241f
```
#bf241f rgb(191,36,31)
```
#bf311f
```
#bf311f rgb(191,49,31)
```
#bf3e1f
```
#bf3e1f rgb(191,62,31)
```
#bf4c1f
```
#bf4c1f rgb(191,76,31)
```
#bf591f
```
#bf591f rgb(191,89,31)
```

Similar Colors

Text with hexadecimal color #bf311f

This text has a font color of #bf311f.

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

#bf311f background color

This paragraph has a background color of #bf311f.

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

#bf311f border color

This element has a border color of #bf311f.

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

CSS codes

.text {color:#bf311f;}

.background {background-color:#bf311f;}

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

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

#050101
```
#050101 rgb(5,1,1)
```
#160604
```
#160604 rgb(22,6,4)
```
#270a06
```
#270a06 rgb(39,10,6)
```
#380e09
```
#380e09 rgb(56,14,9)
```
#49130c
```
#49130c rgb(73,19,12)
```
#5a170f
```
#5a170f rgb(90,23,15)
```
#6b1b11
```
#6b1b11 rgb(107,27,17)
```
#7b2014
```
#7b2014 rgb(123,32,20)
```
#8c2417
```
#8c2417 rgb(140,36,23)
```
#9d281a
```
#9d281a rgb(157,40,26)
```
#ae2d1c
```
#ae2d1c rgb(174,45,28)
```
#bf311f
```
#bf311f rgb(191,49,31)
```
#d03522
```
#d03522 rgb(208,53,34)
```

Shade Color Variation

#dc3d29
```
#dc3d29 rgb(220,61,41)
```
#df4c3a
```
#df4c3a rgb(223,76,58)
```
#e25c4b
```
#e25c4b rgb(226,92,75)
```
#e46b5c
```
#e46b5c rgb(228,107,92)
```
#e77a6c
```
#e77a6c rgb(231,122,108)
```
#ea8a7d
```
#ea8a7d rgb(234,138,125)
```
#ed998e
```
#ed998e rgb(237,153,142)
```
#efa89f
```
#efa89f rgb(239,168,159)
```
#f2b7b0
```
#f2b7b0 rgb(242,183,176)
```
#f5c7c1
```
#f5c7c1 rgb(245,199,193)
```
#f8d6d2
```
#f8d6d2 rgb(248,214,210)
```
#fae5e3
```
#fae5e3 rgb(250,229,227)
```
#fdf5f3
```
#fdf5f3 rgb(253,245,243)
```

Tint Color Variation

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

#726d6c
```
#726d6c rgb(114,109,108)
```
#7b6663
```
#7b6663 rgb(123,102,99)
```
#835f5b
```
#835f5b rgb(131,95,91)
```
#8c5952
```
#8c5952 rgb(140,89,82)
```
#94524a
```
#94524a rgb(148,82,74)
```
#9d4b41
```
#9d4b41 rgb(157,75,65)
```
#a54539
```
#a54539 rgb(165,69,57)
```
#ae3e30
```
#ae3e30 rgb(174,62,48)
```
#b63828
```
#b63828 rgb(182,56,40)
```
#bf311f
```
#bf311f rgb(191,49,31)
```
#c82a16
```
#c82a16 rgb(200,42,22)
```
#d0240e
```
#d0240e rgb(208,36,14)
```
#d91d05
```
#d91d05 rgb(217,29,5)
```

Tone Color Variation

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

#796e37 Protanopia 1% of men
#89691b Deuteranopia 1% of men
#c2393b Tritanopia 0.001% of the population

Trichromacy

#92582e Protanomaly 1% of men, 0.01% of women
#9c541c Deuteranomaly 6% of men, 0.4% of women
#c13631 Tritanomaly 0.01% of the population

#bf311f hex color

#bf311f Color Information

#bf311f Color Conversion

Color Schemes with #bf311f

Alternatives to #bf311f

#bf311f Preview

Shades and Tints of #bf311f

Tones of #bf311f

Color Blindness Simulator