#bf3318 hex color

In a RGB color space, hex #bf3318 is composed of 74.9% red, 20% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.3% magenta, 87.4% yellow and 25.1% black. It has a hue angle of 9.7 degrees, a saturation of 77.7% and a lightness of 42.2%. #bf3318 color hex could be obtained by blending #ff6630 with #7f0000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 75
- G 20
- B 9
RGB color chart
- C 0
- M 73
- Y 87
- K 25
CMYK color chart

● #bf3318 color description : Strong red.

The hexadecimal color #bf3318 has RGB values of R:191, G:51, B:24 and CMYK values of C:0, M:0.73, Y:0.87, K:0.25. Its decimal value is 12530456.

Hex triplet	bf3318	`#bf3318`
RGB Decimal	191, 51, 24	`rgb(191,51,24)`
RGB Percent	74.9, 20, 9.4	`rgb(74.9%,20%,9.4%)`
CMYK	0, 73, 87, 25
HSL	9.7°, 77.7, 42.2	`hsl(9.7,77.7%,42.2%)`
HSV (or HSB)	9.7°, 87.4, 74.9
Web Safe	cc3300	`#cc3300`

CIE-LAB	43.526, 54.257, 47.586
XYZ	22.836, 13.513, 2.27
xyY	0.591, 0.35, 13.513
CIE-LCH	43.526, 72.168, 41.252
CIE-LUV	43.526, 110.513, 31.181
Hunter-Lab	36.76, 46.558, 22.071
Binary	10111111, 00110011, 00011000

#bf3318
```
#bf3318 rgb(191,51,24)
```
#18a4bf
```
#18a4bf rgb(24,164,191)
```

Complementary Color

#bf1851
```
#bf1851 rgb(191,24,81)
```
#bf3318
```
#bf3318 rgb(191,51,24)
```
#bf8718
```
#bf8718 rgb(191,135,24)
```

Analogous Color

#1851bf
```
#1851bf rgb(24,81,191)
```
#bf3318
```
#bf3318 rgb(191,51,24)
```
#18bf87
```
#18bf87 rgb(24,191,135)
```

Split Complementary Color

#3318bf
```
#3318bf rgb(51,24,191)
```
#bf3318
```
#bf3318 rgb(191,51,24)
```
#18bf33
```
#18bf33 rgb(24,191,51)
```

Triadic Color

#bf18a4
```
#bf18a4 rgb(191,24,164)
```
#bf3318
```
#bf3318 rgb(191,51,24)
```
#18bf33
```
#18bf33 rgb(24,191,51)
```
#18a4bf
```
#18a4bf rgb(24,164,191)
```

Tetradic Color

#7b210f
```
#7b210f rgb(123,33,15)
```
#922712
```
#922712 rgb(146,39,18)
```
#a82d15
```
#a82d15 rgb(168,45,21)
```
#bf3318
```
#bf3318 rgb(191,51,24)
```
#d6391b
```
#d6391b rgb(214,57,27)
```
#e44526
```
#e44526 rgb(228,69,38)
```
#e7583d
```
#e7583d rgb(231,88,61)
```

Monochromatic Color

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

#bf1827
```
#bf1827 rgb(191,24,39)
```
#bf1819
```
#bf1819 rgb(191,24,25)
```
#bf2518
```
#bf2518 rgb(191,37,24)
```
#bf3318
```
#bf3318 rgb(191,51,24)
```
#bf4118
```
#bf4118 rgb(191,65,24)
```
#bf4f18
```
#bf4f18 rgb(191,79,24)
```
#bf5d18
```
#bf5d18 rgb(191,93,24)
```

Similar Colors

Text with hexadecimal color #bf3318

This text has a font color of #bf3318.

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

#bf3318 background color

This paragraph has a background color of #bf3318.

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

#bf3318 border color

This element has a border color of #bf3318.

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

CSS codes

.text {color:#bf3318;}

.background {background-color:#bf3318;}

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

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

#110402
```
#110402 rgb(17,4,2)
```
#220904
```
#220904 rgb(34,9,4)
```
#340e06
```
#340e06 rgb(52,14,6)
```
#451209
```
#451209 rgb(69,18,9)
```
#56170b
```
#56170b rgb(86,23,11)
```
#681c0d
```
#681c0d rgb(104,28,13)
```
#79200f
```
#79200f rgb(121,32,15)
```
#8b2511
```
#8b2511 rgb(139,37,17)
```
#9c2a14
```
#9c2a14 rgb(156,42,20)
```
#ae2e16
```
#ae2e16 rgb(174,46,22)
```
#bf3318
```
#bf3318 rgb(191,51,24)
```
#d0381a
```
#d0381a rgb(208,56,26)
```
#e23c1c
```
#e23c1c rgb(226,60,28)
```

Shade Color Variation

#e54b2d
```
#e54b2d rgb(229,75,45)
```
#e75a3f
```
#e75a3f rgb(231,90,63)
```
#e96950
```
#e96950 rgb(233,105,80)
```
#eb7861
```
#eb7861 rgb(235,120,97)
```
#ed8773
```
#ed8773 rgb(237,135,115)
```
#f09684
```
#f09684 rgb(240,150,132)
```
#f2a596
```
#f2a596 rgb(242,165,150)
```
#f4b4a7
```
#f4b4a7 rgb(244,180,167)
```
#f6c3b9
```
#f6c3b9 rgb(246,195,185)
```
#f8d2ca
```
#f8d2ca rgb(248,210,202)
```
#fbe0db
```
#fbe0db rgb(251,224,219)
```
#fdefed
```
#fdefed rgb(253,239,237)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#6c6b6b
```
#6c6b6b rgb(108,107,107)
```
#756562
```
#756562 rgb(117,101,98)
```
#7d605a
```
#7d605a rgb(125,96,90)
```
#855a52
```
#855a52 rgb(133,90,82)
```
#8d554a
```
#8d554a rgb(141,85,74)
```
#964f41
```
#964f41 rgb(150,79,65)
```
#9e4939
```
#9e4939 rgb(158,73,57)
```
#a64431
```
#a64431 rgb(166,68,49)
```
#ae3e29
```
#ae3e29 rgb(174,62,41)
```
#b73920
```
#b73920 rgb(183,57,32)
```
#bf3318
```
#bf3318 rgb(191,51,24)
```
#c72d10
```
#c72d10 rgb(199,45,16)
```
#d02807
```
#d02807 rgb(208,40,7)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#6e524d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a6e2f Protanopia 1% of men
#8a690e Deuteranopia 1% of men
#c23a3c Tritanopia 0.001% of the population

Trichromacy

#935927 Protanomaly 1% of men, 0.01% of women
#9d5512 Deuteranomaly 6% of men, 0.4% of women
#c1372f Tritanomaly 0.01% of the population

#bf3318 hex color

#bf3318 Color Information

#bf3318 Color Conversion

Color Schemes with #bf3318

Alternatives to #bf3318

#bf3318 Preview

Shades and Tints of #bf3318

Tones of #bf3318

Color Blindness Simulator