#bf731f hex color

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

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

● #bf731f color description : Strong orange.

The hexadecimal color #bf731f has RGB values of R:191, G:115, B:31 and CMYK values of C:0, M:0.4, Y:0.84, K:0.25. Its decimal value is 12546847.

Hex triplet	bf731f	`#bf731f`
RGB Decimal	191, 115, 31	`rgb(191,115,31)`
RGB Percent	74.9, 45.1, 12.2	`rgb(74.9%,45.1%,12.2%)`
CMYK	0, 40, 84, 25
HSL	31.5°, 72.1, 43.5	`hsl(31.5,72.1%,43.5%)`
HSV (or HSB)	31.5°, 83.8, 74.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.522, 23.873, 54.926
XYZ	27.865, 23.439, 4.353
xyY	0.501, 0.421, 23.439
CIE-LCH	55.522, 59.89, 66.508
CIE-LUV	55.522, 62.165, 49.88
Hunter-Lab	48.414, 18.012, 28.559
Binary	10111111, 01110011, 00011111

#bf731f
```
#bf731f rgb(191,115,31)
```
#1f6bbf
```
#1f6bbf rgb(31,107,191)
```

Complementary Color

#bf231f
```
#bf231f rgb(191,35,31)
```
#bf731f
```
#bf731f rgb(191,115,31)
```
#bbbf1f
```
#bbbf1f rgb(187,191,31)
```

Analogous Color

#231fbf
```
#231fbf rgb(35,31,191)
```
#bf731f
```
#bf731f rgb(191,115,31)
```
#1fbbbf
```
#1fbbbf rgb(31,187,191)
```

Split Complementary Color

#731fbf
```
#731fbf rgb(115,31,191)
```
#bf731f
```
#bf731f rgb(191,115,31)
```
#1fbf73
```
#1fbf73 rgb(31,191,115)
```

Triadic Color

#bf1f6b
```
#bf1f6b rgb(191,31,107)
```
#bf731f
```
#bf731f rgb(191,115,31)
```
#1fbf73
```
#1fbf73 rgb(31,191,115)
```
#1f6bbf
```
#1f6bbf rgb(31,107,191)
```

Tetradic Color

#7d4b14
```
#7d4b14 rgb(125,75,20)
```
#935918
```
#935918 rgb(147,89,24)
```
#a9661b
```
#a9661b rgb(169,102,27)
```
#bf731f
```
#bf731f rgb(191,115,31)
```
#d58023
```
#d58023 rgb(213,128,35)
```
#de8d33
```
#de8d33 rgb(222,141,51)
```
#e19949
```
#e19949 rgb(225,153,73)
```

Monochromatic Color

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

#bf4b1f
```
#bf4b1f rgb(191,75,31)
```
#bf581f
```
#bf581f rgb(191,88,31)
```
#bf661f
```
#bf661f rgb(191,102,31)
```
#bf731f
```
#bf731f rgb(191,115,31)
```
#bf801f
```
#bf801f rgb(191,128,31)
```
#bf8e1f
```
#bf8e1f rgb(191,142,31)
```
#bf9b1f
```
#bf9b1f rgb(191,155,31)
```

Similar Colors

Text with hexadecimal color #bf731f

This text has a font color of #bf731f.

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

#bf731f background color

This paragraph has a background color of #bf731f.

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

#bf731f border color

This element has a border color of #bf731f.

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

CSS codes

.text {color:#bf731f;}

.background {background-color:#bf731f;}

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

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

#050301
```
#050301 rgb(5,3,1)
```
#160d04
```
#160d04 rgb(22,13,4)
```
#271806
```
#271806 rgb(39,24,6)
```
#382209
```
#382209 rgb(56,34,9)
```
#492c0c
```
#492c0c rgb(73,44,12)
```
#5a360f
```
#5a360f rgb(90,54,15)
```
#6b4011
```
#6b4011 rgb(107,64,17)
```
#7b4a14
```
#7b4a14 rgb(123,74,20)
```
#8c5517
```
#8c5517 rgb(140,85,23)
```
#9d5f1a
```
#9d5f1a rgb(157,95,26)
```
#ae691c
```
#ae691c rgb(174,105,28)
```
#bf731f
```
#bf731f rgb(191,115,31)
```
#d07d22
```
#d07d22 rgb(208,125,34)
```

Shade Color Variation

#dc8729
```
#dc8729 rgb(220,135,41)
```
#df913a
```
#df913a rgb(223,145,58)
```
#e29a4b
```
#e29a4b rgb(226,154,75)
```
#e4a35c
```
#e4a35c rgb(228,163,92)
```
#e7ad6c
```
#e7ad6c rgb(231,173,108)
```
#eab67d
```
#eab67d rgb(234,182,125)
```
#edc08e
```
#edc08e rgb(237,192,142)
```
#efc99f
```
#efc99f rgb(239,201,159)
```
#f2d3b0
```
#f2d3b0 rgb(242,211,176)
```
#f5dcc1
```
#f5dcc1 rgb(245,220,193)
```
#f8e6d2
```
#f8e6d2 rgb(248,230,210)
```
#faefe3
```
#faefe3 rgb(250,239,227)
```
#fdf9f3
```
#fdf9f3 rgb(253,249,243)
```

Tint Color Variation

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

#726f6c
```
#726f6c rgb(114,111,108)
```
#7b7063
```
#7b7063 rgb(123,112,99)
```
#83705b
```
#83705b rgb(131,112,91)
```
#8c7052
```
#8c7052 rgb(140,112,82)
```
#94714a
```
#94714a rgb(148,113,74)
```
#9d7141
```
#9d7141 rgb(157,113,65)
```
#a57239
```
#a57239 rgb(165,114,57)
```
#ae7230
```
#ae7230 rgb(174,114,48)
```
#b67328
```
#b67328 rgb(182,115,40)
```
#bf731f
```
#bf731f rgb(191,115,31)
```
#c87316
```
#c87316 rgb(200,115,22)
```
#d0740e
```
#d0740e rgb(208,116,14)
```
#d97405
```
#d97405 rgb(217,116,5)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#8d7d6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b8b2f Protanopia 1% of men
#ad8425 Deuteranopia 1% of men
#c6727a Tritanopia 0.001% of the population

Trichromacy

#a88229 Protanomaly 1% of men, 0.01% of women
#b37e23 Deuteranomaly 6% of men, 0.4% of women
#c37259 Tritanomaly 0.01% of the population

#bf731f hex color

#bf731f Color Information

#bf731f Color Conversion

Color Schemes with #bf731f

Alternatives to #bf731f

#bf731f Preview

Shades and Tints of #bf731f

Tones of #bf731f

Color Blindness Simulator