#bf3a30 hex color

In a RGB color space, hex #bf3a30 is composed of 74.9% red, 22.7% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.6% magenta, 74.9% yellow and 25.1% black. It has a hue angle of 4.2 degrees, a saturation of 59.8% and a lightness of 46.9%. #bf3a30 color hex could be obtained by blending #ff7460 with #7f0000. Closest websafe color is: #cc3333.

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

● #bf3a30 color description : Moderate red.

The hexadecimal color #bf3a30 has RGB values of R:191, G:58, B:48 and CMYK values of C:0, M:0.7, Y:0.75, K:0.25. Its decimal value is 12532272.

Hex triplet	bf3a30	`#bf3a30`
RGB Decimal	191, 58, 48	`rgb(191,58,48)`
RGB Percent	74.9, 22.7, 18.8	`rgb(74.9%,22.7%,18.8%)`
CMYK	0, 70, 75, 25
HSL	4.2°, 59.8, 46.9	`hsl(4.2,59.8%,46.9%)`
HSV (or HSB)	4.2°, 74.9, 74.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.686, 52.389, 36.414
XYZ	23.533, 14.319, 4.321
xyY	0.558, 0.34, 14.319
CIE-LCH	44.686, 63.801, 34.802
CIE-LUV	44.686, 102.699, 25.862
Hunter-Lab	37.84, 44.793, 19.718
Binary	10111111, 00111010, 00110000

#bf3a30
```
#bf3a30 rgb(191,58,48)
```
#30b5bf
```
#30b5bf rgb(48,181,191)
```

Complementary Color

#bf306e
```
#bf306e rgb(191,48,110)
```
#bf3a30
```
#bf3a30 rgb(191,58,48)
```
#bf8230
```
#bf8230 rgb(191,130,48)
```

Analogous Color

#306ebf
```
#306ebf rgb(48,110,191)
```
#bf3a30
```
#bf3a30 rgb(191,58,48)
```
#30bf82
```
#30bf82 rgb(48,191,130)
```

Split Complementary Color

#3a30bf
```
#3a30bf rgb(58,48,191)
```
#bf3a30
```
#bf3a30 rgb(191,58,48)
```
#30bf3a
```
#30bf3a rgb(48,191,58)
```

Triadic Color

#bf30b5
```
#bf30b5 rgb(191,48,181)
```
#bf3a30
```
#bf3a30 rgb(191,58,48)
```
#30bf3a
```
#30bf3a rgb(48,191,58)
```
#30b5bf
```
#30b5bf rgb(48,181,191)
```

Tetradic Color

#822721
```
#822721 rgb(130,39,33)
```
#962e26
```
#962e26 rgb(150,46,38)
```
#ab342b
```
#ab342b rgb(171,52,43)
```
#bf3a30
```
#bf3a30 rgb(191,58,48)
```
#ce453b
```
#ce453b rgb(206,69,59)
```
#d3584f
```
#d3584f rgb(211,88,79)
```
#d86c64
```
#d86c64 rgb(216,108,100)
```

Monochromatic Color

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

#bf304a
```
#bf304a rgb(191,48,74)
```
#bf303e
```
#bf303e rgb(191,48,62)
```
#bf3032
```
#bf3032 rgb(191,48,50)
```
#bf3a30
```
#bf3a30 rgb(191,58,48)
```
#bf4630
```
#bf4630 rgb(191,70,48)
```
#bf5230
```
#bf5230 rgb(191,82,48)
```
#bf5e30
```
#bf5e30 rgb(191,94,48)
```

Similar Colors

Text with hexadecimal color #bf3a30

This text has a font color of #bf3a30.

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

#bf3a30 background color

This paragraph has a background color of #bf3a30.

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

#bf3a30 border color

This element has a border color of #bf3a30.

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

CSS codes

.text {color:#bf3a30;}

.background {background-color:#bf3a30;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#130605
```
#130605 rgb(19,6,5)
```
#220a09
```
#220a09 rgb(34,10,9)
```
#320f0d
```
#320f0d rgb(50,15,13)
```
#421410
```
#421410 rgb(66,20,16)
```
#511914
```
#511914 rgb(81,25,20)
```
#611d18
```
#611d18 rgb(97,29,24)
```
#71221c
```
#71221c rgb(113,34,28)
```
#802720
```
#802720 rgb(128,39,32)
```
#902c24
```
#902c24 rgb(144,44,36)
```
#a03028
```
#a03028 rgb(160,48,40)
```
#af352c
```
#af352c rgb(175,53,44)
```
#bf3a30
```
#bf3a30 rgb(191,58,48)
```

Shade Color Variation

#cd4136
```
#cd4136 rgb(205,65,54)
```
#d04f46
```
#d04f46 rgb(208,79,70)
```
#d45e55
```
#d45e55 rgb(212,94,85)
```
#d86d65
```
#d86d65 rgb(216,109,101)
```
#dc7c75
```
#dc7c75 rgb(220,124,117)
```
#e08b84
```
#e08b84 rgb(224,139,132)
```
#e49a94
```
#e49a94 rgb(228,154,148)
```
#e8a9a4
```
#e8a9a4 rgb(232,169,164)
```
#ecb7b4
```
#ecb7b4 rgb(236,183,180)
```
#f0c6c3
```
#f0c6c3 rgb(240,198,195)
```
#f4d5d3
```
#f4d5d3 rgb(244,213,211)
```
#f8e4e3
```
#f8e4e3 rgb(248,228,227)
```
#fcf3f2
```
#fcf3f2 rgb(252,243,242)
```

Tint Color Variation

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

#7f7170
```
#7f7170 rgb(127,113,112)
```
#886967
```
#886967 rgb(136,105,103)
```
#91625e
```
#91625e rgb(145,98,94)
```
#9a5a55
```
#9a5a55 rgb(154,90,85)
```
#a3524c
```
#a3524c rgb(163,82,76)
```
#ad4a42
```
#ad4a42 rgb(173,74,66)
```
#b64239
```
#b64239 rgb(182,66,57)
```
#bf3a30
```
#bf3a30 rgb(191,58,48)
```
#c83227
```
#c83227 rgb(200,50,39)
```
#d12a1e
```
#d12a1e rgb(209,42,30)
```
#db2214
```
#db2214 rgb(219,34,20)
```
#e41a0b
```
#e41a0b rgb(228,26,11)
```
#ed1202
```
#ed1202 rgb(237,18,2)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#745957 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7148 Protanopia 1% of men
#8b6c31 Deuteranopia 1% of men
#c24245 Tritanopia 0.001% of the population

Trichromacy

#935d3f Protanomaly 1% of men, 0.01% of women
#9e5930 Deuteranomaly 6% of men, 0.4% of women
#c13f3d Tritanomaly 0.01% of the population

#bf3a30 hex color

#bf3a30 Color Information

#bf3a30 Color Conversion

Color Schemes with #bf3a30

Alternatives to #bf3a30

#bf3a30 Preview

Shades and Tints of #bf3a30

Tones of #bf3a30

Color Blindness Simulator