#bf3731 hex color

In a RGB color space, hex #bf3731 is composed of 74.9% red, 21.6% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.2% magenta, 74.3% yellow and 25.1% black. It has a hue angle of 2.5 degrees, a saturation of 59.2% and a lightness of 47.1%. #bf3731 color hex could be obtained by blending #ff6e62 with #7f0000. Closest websafe color is: #cc3333.

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

● #bf3731 color description : Moderate red.

The hexadecimal color #bf3731 has RGB values of R:191, G:55, B:49 and CMYK values of C:0, M:0.71, Y:0.74, K:0.25. Its decimal value is 12531505.

Hex triplet	bf3731	`#bf3731`
RGB Decimal	191, 55, 49	`rgb(191,55,49)`
RGB Percent	74.9, 21.6, 19.2	`rgb(74.9%,21.6%,19.2%)`
CMYK	0, 71, 74, 25
HSL	2.5°, 59.2, 47.1	`hsl(2.5,59.2%,47.1%)`
HSV (or HSB)	2.5°, 74.3, 74.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.281, 53.577, 35.395
XYZ	23.407, 14.033, 4.382
xyY	0.56, 0.336, 14.033
CIE-LCH	44.281, 64.213, 33.45
CIE-LUV	44.281, 104.279, 24.69
Hunter-Lab	37.461, 45.979, 19.288
Binary	10111111, 00110111, 00110001

#bf3731
```
#bf3731 rgb(191,55,49)
```
#31b9bf
```
#31b9bf rgb(49,185,191)
```

Complementary Color

#bf3172
```
#bf3172 rgb(191,49,114)
```
#bf3731
```
#bf3731 rgb(191,55,49)
```
#bf7e31
```
#bf7e31 rgb(191,126,49)
```

Analogous Color

#3172bf
```
#3172bf rgb(49,114,191)
```
#bf3731
```
#bf3731 rgb(191,55,49)
```
#31bf7e
```
#31bf7e rgb(49,191,126)
```

Split Complementary Color

#3731bf
```
#3731bf rgb(55,49,191)
```
#bf3731
```
#bf3731 rgb(191,55,49)
```
#31bf37
```
#31bf37 rgb(49,191,55)
```

Triadic Color

#bf31b9
```
#bf31b9 rgb(191,49,185)
```
#bf3731
```
#bf3731 rgb(191,55,49)
```
#31bf37
```
#31bf37 rgb(49,191,55)
```
#31b9bf
```
#31b9bf rgb(49,185,191)
```

Tetradic Color

#822521
```
#822521 rgb(130,37,33)
```
#962b27
```
#962b27 rgb(150,43,39)
```
#ab312c
```
#ab312c rgb(171,49,44)
```
#bf3731
```
#bf3731 rgb(191,55,49)
```
#cd433c
```
#cd433c rgb(205,67,60)
```
#d25651
```
#d25651 rgb(210,86,81)
```
#d76a65
```
#d76a65 rgb(215,106,101)
```

Monochromatic Color

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

#bf314e
```
#bf314e rgb(191,49,78)
```
#bf3143
```
#bf3143 rgb(191,49,67)
```
#bf3137
```
#bf3137 rgb(191,49,55)
```
#bf3731
```
#bf3731 rgb(191,55,49)
```
#bf4331
```
#bf4331 rgb(191,67,49)
```
#bf4f31
```
#bf4f31 rgb(191,79,49)
```
#bf5b31
```
#bf5b31 rgb(191,91,49)
```

Similar Colors

Text with hexadecimal color #bf3731

This text has a font color of #bf3731.

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

#bf3731 background color

This paragraph has a background color of #bf3731.

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

#bf3731 border color

This element has a border color of #bf3731.

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

CSS codes

.text {color:#bf3731;}

.background {background-color:#bf3731;}

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

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

#040101
```
#040101 rgb(4,1,1)
```
#130605
```
#130605 rgb(19,6,5)
```
#230a09
```
#230a09 rgb(35,10,9)
```
#330f0d
```
#330f0d rgb(51,15,13)
```
#421311
```
#421311 rgb(66,19,17)
```
#521815
```
#521815 rgb(82,24,21)
```
#611c19
```
#611c19 rgb(97,28,25)
```
#71211d
```
#71211d rgb(113,33,29)
```
#812521
```
#812521 rgb(129,37,33)
```
#902a25
```
#902a25 rgb(144,42,37)
```
#a02e29
```
#a02e29 rgb(160,46,41)
```
#af332d
```
#af332d rgb(175,51,45)
```
#bf3731
```
#bf3731 rgb(191,55,49)
```

Shade Color Variation

#cc3e38
```
#cc3e38 rgb(204,62,56)
```
#d04d47
```
#d04d47 rgb(208,77,71)
```
#d45c57
```
#d45c57 rgb(212,92,87)
```
#d86b67
```
#d86b67 rgb(216,107,103)
```
#dc7a76
```
#dc7a76 rgb(220,122,118)
```
#e08a86
```
#e08a86 rgb(224,138,134)
```
#e49995
```
#e49995 rgb(228,153,149)
```
#e8a8a5
```
#e8a8a5 rgb(232,168,165)
```
#ecb7b5
```
#ecb7b5 rgb(236,183,181)
```
#f0c6c4
```
#f0c6c4 rgb(240,198,196)
```
#f4d5d4
```
#f4d5d4 rgb(244,213,212)
```
#f8e4e3
```
#f8e4e3 rgb(248,228,227)
```
#fcf3f3
```
#fcf3f3 rgb(252,243,243)
```

Tint Color Variation

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

#7e7272
```
#7e7272 rgb(126,114,114)
```
#886a68
```
#886a68 rgb(136,106,104)
```
#91615f
```
#91615f rgb(145,97,95)
```
#9a5956
```
#9a5956 rgb(154,89,86)
```
#a3504d
```
#a3504d rgb(163,80,77)
```
#ad4843
```
#ad4843 rgb(173,72,67)
```
#b63f3a
```
#b63f3a rgb(182,63,58)
```
#bf3731
```
#bf3731 rgb(191,55,49)
```
#c82f28
```
#c82f28 rgb(200,47,40)
```
#d1261f
```
#d1261f rgb(209,38,31)
```
#db1e15
```
#db1e15 rgb(219,30,21)
```
#e4150c
```
#e4150c rgb(228,21,12)
```
#ed0d03
```
#ed0d03 rgb(237,13,3)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#725756 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a704a Protanopia 1% of men
#8a6b31 Deuteranopia 1% of men
#c24043 Tritanopia 0.001% of the population

Trichromacy

#935b41 Protanomaly 1% of men, 0.01% of women
#9d5831 Deuteranomaly 6% of men, 0.4% of women
#c13c3c Tritanomaly 0.01% of the population

#bf3731 hex color

#bf3731 Color Information

#bf3731 Color Conversion

Color Schemes with #bf3731

Alternatives to #bf3731

#bf3731 Preview

Shades and Tints of #bf3731

Tones of #bf3731

Color Blindness Simulator