#bf1f30 hex color

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

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

● #bf1f30 color description : Strong red.

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

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

CIE-LAB	41.646, 60.877, 33.016
XYZ	22.51, 12.273, 3.98
xyY	0.581, 0.317, 12.273
CIE-LCH	41.646, 69.254, 28.473
CIE-LUV	41.646, 115.956, 20.076
Hunter-Lab	35.032, 53.391, 17.787
Binary	10111111, 00011111, 00110000

#bf1f30
```
#bf1f30 rgb(191,31,48)
```
#1fbfae
```
#1fbfae rgb(31,191,174)
```

Complementary Color

#bf1f80
```
#bf1f80 rgb(191,31,128)
```
#bf1f30
```
#bf1f30 rgb(191,31,48)
```
#bf5e1f
```
#bf5e1f rgb(191,94,31)
```

Analogous Color

#1f80bf
```
#1f80bf rgb(31,128,191)
```
#bf1f30
```
#bf1f30 rgb(191,31,48)
```
#1fbf5e
```
#1fbf5e rgb(31,191,94)
```

Split Complementary Color

#1f30bf
```
#1f30bf rgb(31,48,191)
```
#bf1f30
```
#bf1f30 rgb(191,31,48)
```
#30bf1f
```
#30bf1f rgb(48,191,31)
```

Triadic Color

#ae1fbf
```
#ae1fbf rgb(174,31,191)
```
#bf1f30
```
#bf1f30 rgb(191,31,48)
```
#30bf1f
```
#30bf1f rgb(48,191,31)
```
#1fbfae
```
#1fbfae rgb(31,191,174)
```

Tetradic Color

#7d141f
```
#7d141f rgb(125,20,31)
```
#931825
```
#931825 rgb(147,24,37)
```
#a91b2a
```
#a91b2a rgb(169,27,42)
```
#bf1f30
```
#bf1f30 rgb(191,31,48)
```
#d52336
```
#d52336 rgb(213,35,54)
```
#de3345
```
#de3345 rgb(222,51,69)
```
#e14959
```
#e14959 rgb(225,73,89)
```

Monochromatic Color

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

#bf1f58
```
#bf1f58 rgb(191,31,88)
```
#bf1f4b
```
#bf1f4b rgb(191,31,75)
```
#bf1f3d
```
#bf1f3d rgb(191,31,61)
```
#bf1f30
```
#bf1f30 rgb(191,31,48)
```
#bf1f23
```
#bf1f23 rgb(191,31,35)
```
#bf291f
```
#bf291f rgb(191,41,31)
```
#bf361f
```
#bf361f rgb(191,54,31)
```

Similar Colors

Text with hexadecimal color #bf1f30

This text has a font color of #bf1f30.

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

#bf1f30 background color

This paragraph has a background color of #bf1f30.

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

#bf1f30 border color

This element has a border color of #bf1f30.

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

CSS codes

.text {color:#bf1f30;}

.background {background-color:#bf1f30;}

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

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

#050101
```
#050101 rgb(5,1,1)
```
#160406
```
#160406 rgb(22,4,6)
```
#27060a
```
#27060a rgb(39,6,10)
```
#38090e
```
#38090e rgb(56,9,14)
```
#490c12
```
#490c12 rgb(73,12,18)
```
#5a0f17
```
#5a0f17 rgb(90,15,23)
```
#6b111b
```
#6b111b rgb(107,17,27)
```
#7b141f
```
#7b141f rgb(123,20,31)
```
#8c1723
```
#8c1723 rgb(140,23,35)
```
#9d1a28
```
#9d1a28 rgb(157,26,40)
```
#ae1c2c
```
#ae1c2c rgb(174,28,44)
```
#bf1f30
```
#bf1f30 rgb(191,31,48)
```
#d02234
```
#d02234 rgb(208,34,52)
```

Shade Color Variation

#dc293c
```
#dc293c rgb(220,41,60)
```
#df3a4b
```
#df3a4b rgb(223,58,75)
```
#e24b5b
```
#e24b5b rgb(226,75,91)
```
#e45c6a
```
#e45c6a rgb(228,92,106)
```
#e76c7a
```
#e76c7a rgb(231,108,122)
```
#ea7d89
```
#ea7d89 rgb(234,125,137)
```
#ed8e98
```
#ed8e98 rgb(237,142,152)
```
#ef9fa8
```
#ef9fa8 rgb(239,159,168)
```
#f2b0b7
```
#f2b0b7 rgb(242,176,183)
```
#f5c1c6
```
#f5c1c6 rgb(245,193,198)
```
#f8d2d6
```
#f8d2d6 rgb(248,210,214)
```
#fae3e5
```
#fae3e5 rgb(250,227,229)
```
#fdf3f5
```
#fdf3f5 rgb(253,243,245)
```

Tint Color Variation

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

#726c6d
```
#726c6d rgb(114,108,109)
```
#7b6366
```
#7b6366 rgb(123,99,102)
```
#835b5f
```
#835b5f rgb(131,91,95)
```
#8c5258
```
#8c5258 rgb(140,82,88)
```
#944a52
```
#944a52 rgb(148,74,82)
```
#9d414b
```
#9d414b rgb(157,65,75)
```
#a53944
```
#a53944 rgb(165,57,68)
```
#ae303d
```
#ae303d rgb(174,48,61)
```
#b62837
```
#b62837 rgb(182,40,55)
```
#bf1f30
```
#bf1f30 rgb(191,31,48)
```
#c81629
```
#c81629 rgb(200,22,41)
```
#d00e23
```
#d00e23 rgb(208,14,35)
```
#d9051c
```
#d9051c rgb(217,5,28)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#67474a Atypical Achromatopsia 0.001% of the population

Dichromacy

#726a4d Protanopia 1% of men
#82652f Deuteranopia 1% of men
#c12d2d Tritanopia 0.001% of the population

Trichromacy

#8e4e42 Protanomaly 1% of men, 0.01% of women
#984b2f Deuteranomaly 6% of men, 0.4% of women
#c0282e Tritanomaly 0.01% of the population

#bf1f30 hex color

#bf1f30 Color Information

#bf1f30 Color Conversion

Color Schemes with #bf1f30

Alternatives to #bf1f30

#bf1f30 Preview

Shades and Tints of #bf1f30

Tones of #bf1f30

Color Blindness Simulator