#bf682e hex color

In a RGB color space, hex #bf682e is composed of 74.9% red, 40.8% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.5% magenta, 75.9% yellow and 25.1% black. It has a hue angle of 24 degrees, a saturation of 61.2% and a lightness of 46.5%. #bf682e color hex could be obtained by blending #ffd05c with #7f0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 75
- G 41
- B 18
RGB color chart
- C 0
- M 46
- Y 76
- K 25
CMYK color chart

● #bf682e color description : Strong orange.

The hexadecimal color #bf682e has RGB values of R:191, G:104, B:46 and CMYK values of C:0, M:0.46, Y:0.76, K:0.25. Its decimal value is 12544046.

Hex triplet	bf682e	`#bf682e`
RGB Decimal	191, 104, 46	`rgb(191,104,46)`
RGB Percent	74.9, 40.8, 18	`rgb(74.9%,40.8%,18%)`
CMYK	0, 46, 76, 25
HSL	24°, 61.2, 46.5	`hsl(24,61.2%,46.5%)`
HSV (or HSB)	24°, 75.9, 74.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.142, 30.374, 46.398
XYZ	26.93, 21.177, 5.254
xyY	0.505, 0.397, 21.177
CIE-LCH	53.142, 55.456, 56.79
CIE-LUV	53.142, 69.846, 41.85
Hunter-Lab	46.018, 23.928, 25.443
Binary	10111111, 01101000, 00101110

#bf682e
```
#bf682e rgb(191,104,46)
```
#2e85bf
```
#2e85bf rgb(46,133,191)
```

Complementary Color

#bf2e3d
```
#bf2e3d rgb(191,46,61)
```
#bf682e
```
#bf682e rgb(191,104,46)
```
#bfb12e
```
#bfb12e rgb(191,177,46)
```

Analogous Color

#2e3dbf
```
#2e3dbf rgb(46,61,191)
```
#bf682e
```
#bf682e rgb(191,104,46)
```
#2ebfb1
```
#2ebfb1 rgb(46,191,177)
```

Split Complementary Color

#682ebf
```
#682ebf rgb(104,46,191)
```
#bf682e
```
#bf682e rgb(191,104,46)
```
#2ebf68
```
#2ebf68 rgb(46,191,104)
```

Triadic Color

#bf2e85
```
#bf2e85 rgb(191,46,133)
```
#bf682e
```
#bf682e rgb(191,104,46)
```
#2ebf68
```
#2ebf68 rgb(46,191,104)
```
#2e85bf
```
#2e85bf rgb(46,133,191)
```

Tetradic Color

#81461f
```
#81461f rgb(129,70,31)
```
#965224
```
#965224 rgb(150,82,36)
```
#aa5d29
```
#aa5d29 rgb(170,93,41)
```
#bf682e
```
#bf682e rgb(191,104,46)
```
#cf7438
```
#cf7438 rgb(207,116,56)
```
#d4824c
```
#d4824c rgb(212,130,76)
```
#d99161
```
#d99161 rgb(217,145,97)
```

Monochromatic Color

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

#bf442e
```
#bf442e rgb(191,68,46)
```
#bf502e
```
#bf502e rgb(191,80,46)
```
#bf5c2e
```
#bf5c2e rgb(191,92,46)
```
#bf682e
```
#bf682e rgb(191,104,46)
```
#bf742e
```
#bf742e rgb(191,116,46)
```
#bf802e
```
#bf802e rgb(191,128,46)
```
#bf8c2e
```
#bf8c2e rgb(191,140,46)
```

Similar Colors

Text with hexadecimal color #bf682e

This text has a font color of #bf682e.

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

#bf682e background color

This paragraph has a background color of #bf682e.

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

#bf682e border color

This element has a border color of #bf682e.

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

CSS codes

.text {color:#bf682e;}

.background {background-color:#bf682e;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#110904
```
#110904 rgb(17,9,4)
```
#211208
```
#211208 rgb(33,18,8)
```
#311b0c
```
#311b0c rgb(49,27,12)
```
#412310
```
#412310 rgb(65,35,16)
```
#502c13
```
#502c13 rgb(80,44,19)
```
#603417
```
#603417 rgb(96,52,23)
```
#703d1b
```
#703d1b rgb(112,61,27)
```
#80461f
```
#80461f rgb(128,70,31)
```
#904e23
```
#904e23 rgb(144,78,35)
```
#9f5726
```
#9f5726 rgb(159,87,38)
```
#af5f2a
```
#af5f2a rgb(175,95,42)
```
#bf682e
```
#bf682e rgb(191,104,46)
```

Shade Color Variation

#ce7133
```
#ce7133 rgb(206,113,51)
```
#d27c43
```
#d27c43 rgb(210,124,67)
```
#d58752
```
#d58752 rgb(213,135,82)
```
#d99262
```
#d99262 rgb(217,146,98)
```
#dd9d72
```
#dd9d72 rgb(221,157,114)
```
#e1a882
```
#e1a882 rgb(225,168,130)
```
#e5b392
```
#e5b392 rgb(229,179,146)
```
#e8bea1
```
#e8bea1 rgb(232,190,161)
```
#ecc9b1
```
#ecc9b1 rgb(236,201,177)
```
#f0d4c1
```
#f0d4c1 rgb(240,212,193)
```
#f4dfd1
```
#f4dfd1 rgb(244,223,209)
```
#f8eae1
```
#f8eae1 rgb(248,234,225)
```
#fcf5f0
```
#fcf5f0 rgb(252,245,240)
```

Tint Color Variation

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

#7f756e
```
#7f756e rgb(127,117,110)
```
#887365
```
#887365 rgb(136,115,101)
```
#91715c
```
#91715c rgb(145,113,92)
```
#9b6f52
```
#9b6f52 rgb(155,111,82)
```
#a46d49
```
#a46d49 rgb(164,109,73)
```
#ad6c40
```
#ad6c40 rgb(173,108,64)
```
#b66a37
```
#b66a37 rgb(182,106,55)
```
#bf682e
```
#bf682e rgb(191,104,46)
```
#c86625
```
#c86625 rgb(200,102,37)
```
#d1641c
```
#d1641c rgb(209,100,28)
```
#da6313
```
#da6313 rgb(218,99,19)
```
#e3610a
```
#e3610a rgb(227,97,10)
```
#ed5f00
```
#ed5f00 rgb(237,95,0)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#89776c Atypical Achromatopsia 0.001% of the population

Dichromacy

#93853f Protanopia 1% of men
#a57f33 Deuteranopia 1% of men
#c56970 Tritanopia 0.001% of the population

Trichromacy

#a37a38 Protanomaly 1% of men, 0.01% of women
#ae7631 Deuteranomaly 6% of men, 0.4% of women
#c36958 Tritanomaly 0.01% of the population

#bf682e hex color

#bf682e Color Information

#bf682e Color Conversion

Color Schemes with #bf682e

Alternatives to #bf682e

#bf682e Preview

Shades and Tints of #bf682e

Tones of #bf682e

Color Blindness Simulator