#bf301f hex color

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

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

● #bf301f color description : Strong red.

The hexadecimal color #bf301f has RGB values of R:191, G:48, B:31 and CMYK values of C:0, M:0.75, Y:0.84, K:0.25. Its decimal value is 12529695.

Hex triplet	bf301f	`#bf301f`
RGB Decimal	191, 48, 31	`rgb(191,48,31)`
RGB Percent	74.9, 18.8, 12.2	`rgb(74.9%,18.8%,12.2%)`
CMYK	0, 75, 84, 25
HSL	6.4°, 72.1, 43.5	`hsl(6.4,72.1%,43.5%)`
HSV (or HSB)	6.4°, 83.8, 74.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.2, 55.46, 44.023
XYZ	22.791, 13.292, 2.662
xyY	0.588, 0.343, 13.292
CIE-LCH	43.2, 70.809, 38.442
CIE-LUV	43.2, 111.343, 28.884
Hunter-Lab	36.458, 47.785, 21.192
Binary	10111111, 00110000, 00011111

#bf301f
```
#bf301f rgb(191,48,31)
```
#1faebf
```
#1faebf rgb(31,174,191)
```

Complementary Color

#bf1f5e
```
#bf1f5e rgb(191,31,94)
```
#bf301f
```
#bf301f rgb(191,48,31)
```
#bf801f
```
#bf801f rgb(191,128,31)
```

Analogous Color

#1f5ebf
```
#1f5ebf rgb(31,94,191)
```
#bf301f
```
#bf301f rgb(191,48,31)
```
#1fbf80
```
#1fbf80 rgb(31,191,128)
```

Split Complementary Color

#301fbf
```
#301fbf rgb(48,31,191)
```
#bf301f
```
#bf301f rgb(191,48,31)
```
#1fbf30
```
#1fbf30 rgb(31,191,48)
```

Triadic Color

#bf1fae
```
#bf1fae rgb(191,31,174)
```
#bf301f
```
#bf301f rgb(191,48,31)
```
#1fbf30
```
#1fbf30 rgb(31,191,48)
```
#1faebf
```
#1faebf rgb(31,174,191)
```

Tetradic Color

#7d1f14
```
#7d1f14 rgb(125,31,20)
```
#932518
```
#932518 rgb(147,37,24)
```
#a92a1b
```
#a92a1b rgb(169,42,27)
```
#bf301f
```
#bf301f rgb(191,48,31)
```
#d53623
```
#d53623 rgb(213,54,35)
```
#de4533
```
#de4533 rgb(222,69,51)
```
#e15949
```
#e15949 rgb(225,89,73)
```

Monochromatic Color

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

#bf1f36
```
#bf1f36 rgb(191,31,54)
```
#bf1f29
```
#bf1f29 rgb(191,31,41)
```
#bf231f
```
#bf231f rgb(191,35,31)
```
#bf301f
```
#bf301f rgb(191,48,31)
```
#bf3d1f
```
#bf3d1f rgb(191,61,31)
```
#bf4b1f
```
#bf4b1f rgb(191,75,31)
```
#bf581f
```
#bf581f rgb(191,88,31)
```

Similar Colors

Text with hexadecimal color #bf301f

This text has a font color of #bf301f.

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

#bf301f background color

This paragraph has a background color of #bf301f.

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

#bf301f border color

This element has a border color of #bf301f.

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

CSS codes

.text {color:#bf301f;}

.background {background-color:#bf301f;}

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

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)
```
#49120c
```
#49120c rgb(73,18,12)
```
#5a170f
```
#5a170f rgb(90,23,15)
```
#6b1b11
```
#6b1b11 rgb(107,27,17)
```
#7b1f14
```
#7b1f14 rgb(123,31,20)
```
#8c2317
```
#8c2317 rgb(140,35,23)
```
#9d281a
```
#9d281a rgb(157,40,26)
```
#ae2c1c
```
#ae2c1c rgb(174,44,28)
```
#bf301f
```
#bf301f rgb(191,48,31)
```
#d03422
```
#d03422 rgb(208,52,34)
```

Shade Color Variation

#dc3c29
```
#dc3c29 rgb(220,60,41)
```
#df4b3a
```
#df4b3a rgb(223,75,58)
```
#e25b4b
```
#e25b4b rgb(226,91,75)
```
#e46a5c
```
#e46a5c rgb(228,106,92)
```
#e77a6c
```
#e77a6c rgb(231,122,108)
```
#ea897d
```
#ea897d rgb(234,137,125)
```
#ed988e
```
#ed988e rgb(237,152,142)
```
#efa89f
```
#efa89f rgb(239,168,159)
```
#f2b7b0
```
#f2b7b0 rgb(242,183,176)
```
#f5c6c1
```
#f5c6c1 rgb(245,198,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 #d91c05 is the most saturated one.

#726d6c
```
#726d6c rgb(114,109,108)
```
#7b6663
```
#7b6663 rgb(123,102,99)
```
#835f5b
```
#835f5b rgb(131,95,91)
```
#8c5852
```
#8c5852 rgb(140,88,82)
```
#94524a
```
#94524a rgb(148,82,74)
```
#9d4b41
```
#9d4b41 rgb(157,75,65)
```
#a54439
```
#a54439 rgb(165,68,57)
```
#ae3d30
```
#ae3d30 rgb(174,61,48)
```
#b63728
```
#b63728 rgb(182,55,40)
```
#bf301f
```
#bf301f rgb(191,48,31)
```
#c82916
```
#c82916 rgb(200,41,22)
```
#d0230e
```
#d0230e rgb(208,35,14)
```
#d91c05
```
#d91c05 rgb(217,28,5)
```

Tone Color Variation

Below, you can see how #bf301f 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
#89681b Deuteranopia 1% of men
#c2383a Tritanopia 0.001% of the population

Trichromacy

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

#bf301f hex color

#bf301f Color Information

#bf301f Color Conversion

Color Schemes with #bf301f

Alternatives to #bf301f

#bf301f Preview

Shades and Tints of #bf301f

Tones of #bf301f

Color Blindness Simulator