#bf691f hex color

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

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

● #bf691f color description : Strong orange.

The hexadecimal color #bf691f has RGB values of R:191, G:105, B:31 and CMYK values of C:0, M:0.45, Y:0.84, K:0.25. Its decimal value is 12544287.

Hex triplet	bf691f	`#bf691f`
RGB Decimal	191, 105, 31	`rgb(191,105,31)`
RGB Percent	74.9, 41.2, 12.2	`rgb(74.9%,41.2%,12.2%)`
CMYK	0, 45, 84, 25
HSL	27.8°, 72.1, 43.5	`hsl(27.8,72.1%,43.5%)`
HSV (or HSB)	27.8°, 83.8, 74.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.255, 29.297, 52.957
XYZ	26.786, 21.281, 3.993
xyY	0.515, 0.409, 21.281
CIE-LCH	53.255, 60.521, 61.048
CIE-LUV	53.255, 70.243, 46.17
Hunter-Lab	46.131, 22.915, 27.159
Binary	10111111, 01101001, 00011111

#bf691f
```
#bf691f rgb(191,105,31)
```
#1f75bf
```
#1f75bf rgb(31,117,191)
```

Complementary Color

#bf1f25
```
#bf1f25 rgb(191,31,37)
```
#bf691f
```
#bf691f rgb(191,105,31)
```
#bfb91f
```
#bfb91f rgb(191,185,31)
```

Analogous Color

#1f25bf
```
#1f25bf rgb(31,37,191)
```
#bf691f
```
#bf691f rgb(191,105,31)
```
#1fbfb9
```
#1fbfb9 rgb(31,191,185)
```

Split Complementary Color

#691fbf
```
#691fbf rgb(105,31,191)
```
#bf691f
```
#bf691f rgb(191,105,31)
```
#1fbf69
```
#1fbf69 rgb(31,191,105)
```

Triadic Color

#bf1f75
```
#bf1f75 rgb(191,31,117)
```
#bf691f
```
#bf691f rgb(191,105,31)
```
#1fbf69
```
#1fbf69 rgb(31,191,105)
```
#1f75bf
```
#1f75bf rgb(31,117,191)
```

Tetradic Color

#7d4514
```
#7d4514 rgb(125,69,20)
```
#935118
```
#935118 rgb(147,81,24)
```
#a95d1b
```
#a95d1b rgb(169,93,27)
```
#bf691f
```
#bf691f rgb(191,105,31)
```
#d57523
```
#d57523 rgb(213,117,35)
```
#de8233
```
#de8233 rgb(222,130,51)
```
#e19049
```
#e19049 rgb(225,144,73)
```

Monochromatic Color

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

#bf411f
```
#bf411f rgb(191,65,31)
```
#bf4e1f
```
#bf4e1f rgb(191,78,31)
```
#bf5c1f
```
#bf5c1f rgb(191,92,31)
```
#bf691f
```
#bf691f rgb(191,105,31)
```
#bf761f
```
#bf761f rgb(191,118,31)
```
#bf841f
```
#bf841f rgb(191,132,31)
```
#bf911f
```
#bf911f rgb(191,145,31)
```

Similar Colors

Text with hexadecimal color #bf691f

This text has a font color of #bf691f.

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

#bf691f background color

This paragraph has a background color of #bf691f.

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

#bf691f border color

This element has a border color of #bf691f.

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

CSS codes

.text {color:#bf691f;}

.background {background-color:#bf691f;}

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

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

#050301
```
#050301 rgb(5,3,1)
```
#160c04
```
#160c04 rgb(22,12,4)
```
#271606
```
#271606 rgb(39,22,6)
```
#381f09
```
#381f09 rgb(56,31,9)
```
#49280c
```
#49280c rgb(73,40,12)
```
#5a310f
```
#5a310f rgb(90,49,15)
```
#6b3b11
```
#6b3b11 rgb(107,59,17)
```
#7b4414
```
#7b4414 rgb(123,68,20)
```
#8c4d17
```
#8c4d17 rgb(140,77,23)
```
#9d561a
```
#9d561a rgb(157,86,26)
```
#ae601c
```
#ae601c rgb(174,96,28)
```
#bf691f
```
#bf691f rgb(191,105,31)
```
#d07222
```
#d07222 rgb(208,114,34)
```

Shade Color Variation

#dc7c29
```
#dc7c29 rgb(220,124,41)
```
#df863a
```
#df863a rgb(223,134,58)
```
#e2914b
```
#e2914b rgb(226,145,75)
```
#e49b5c
```
#e49b5c rgb(228,155,92)
```
#e7a56c
```
#e7a56c rgb(231,165,108)
```
#eab07d
```
#eab07d rgb(234,176,125)
```
#edba8e
```
#edba8e rgb(237,186,142)
```
#efc49f
```
#efc49f rgb(239,196,159)
```
#f2cfb0
```
#f2cfb0 rgb(242,207,176)
```
#f5d9c1
```
#f5d9c1 rgb(245,217,193)
```
#f8e3d2
```
#f8e3d2 rgb(248,227,210)
```
#faeee3
```
#faeee3 rgb(250,238,227)
```
#fdf8f3
```
#fdf8f3 rgb(253,248,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 #d96705 is the most saturated one.

#726f6c
```
#726f6c rgb(114,111,108)
```
#7b6e63
```
#7b6e63 rgb(123,110,99)
```
#836d5b
```
#836d5b rgb(131,109,91)
```
#8c6d52
```
#8c6d52 rgb(140,109,82)
```
#946c4a
```
#946c4a rgb(148,108,74)
```
#9d6c41
```
#9d6c41 rgb(157,108,65)
```
#a56b39
```
#a56b39 rgb(165,107,57)
```
#ae6a30
```
#ae6a30 rgb(174,106,48)
```
#b66a28
```
#b66a28 rgb(182,106,40)
```
#bf691f
```
#bf691f rgb(191,105,31)
```
#c86816
```
#c86816 rgb(200,104,22)
```
#d0680e
```
#d0680e rgb(208,104,14)
```
#d96705
```
#d96705 rgb(217,103,5)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#887768 Atypical Achromatopsia 0.001% of the population

Dichromacy

#958630 Protanopia 1% of men
#a67f23 Deuteranopia 1% of men
#c56a70 Tritanopia 0.001% of the population

Trichromacy

#a47b29 Protanomaly 1% of men, 0.01% of women
#af7721 Deuteranomaly 6% of men, 0.4% of women
#c36953 Tritanomaly 0.01% of the population

#bf691f hex color

#bf691f Color Information

#bf691f Color Conversion

Color Schemes with #bf691f

Alternatives to #bf691f

#bf691f Preview

Shades and Tints of #bf691f

Tones of #bf691f

Color Blindness Simulator