#bf682f hex color

In a RGB color space, hex #bf682f is composed of 74.9% red, 40.8% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.5% magenta, 75.4% yellow and 25.1% black. It has a hue angle of 23.8 degrees, a saturation of 60.5% and a lightness of 46.7%. #bf682f color hex could be obtained by blending #ffd05e with #7f0000. Closest websafe color is: #cc6633.

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

● #bf682f color description : Strong orange.

The hexadecimal color #bf682f has RGB values of R:191, G:104, B:47 and CMYK values of C:0, M:0.46, Y:0.75, K:0.25. Its decimal value is 12544047.

Hex triplet	bf682f	`#bf682f`
RGB Decimal	191, 104, 47	`rgb(191,104,47)`
RGB Percent	74.9, 40.8, 18.4	`rgb(74.9%,40.8%,18.4%)`
CMYK	0, 46, 75, 25
HSL	23.8°, 60.5, 46.7	`hsl(23.8,60.5%,46.7%)`
HSV (or HSB)	23.8°, 75.4, 74.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.151, 30.417, 45.931
XYZ	26.95, 21.185, 5.359
xyY	0.504, 0.396, 21.185
CIE-LCH	53.151, 55.09, 56.486
CIE-LUV	53.151, 69.75, 41.534
Hunter-Lab	46.027, 23.971, 25.315
Binary	10111111, 01101000, 00101111

#bf682f
```
#bf682f rgb(191,104,47)
```
#2f86bf
```
#2f86bf rgb(47,134,191)
```

Complementary Color

#bf2f3e
```
#bf2f3e rgb(191,47,62)
```
#bf682f
```
#bf682f rgb(191,104,47)
```
#bfb02f
```
#bfb02f rgb(191,176,47)
```

Analogous Color

#2f3ebf
```
#2f3ebf rgb(47,62,191)
```
#bf682f
```
#bf682f rgb(191,104,47)
```
#2fbfb0
```
#2fbfb0 rgb(47,191,176)
```

Split Complementary Color

#682fbf
```
#682fbf rgb(104,47,191)
```
#bf682f
```
#bf682f rgb(191,104,47)
```
#2fbf68
```
#2fbf68 rgb(47,191,104)
```

Triadic Color

#bf2f86
```
#bf2f86 rgb(191,47,134)
```
#bf682f
```
#bf682f rgb(191,104,47)
```
#2fbf68
```
#2fbf68 rgb(47,191,104)
```
#2f86bf
```
#2f86bf rgb(47,134,191)
```

Tetradic Color

#824720
```
#824720 rgb(130,71,32)
```
#965225
```
#965225 rgb(150,82,37)
```
#ab5d2a
```
#ab5d2a rgb(171,93,42)
```
#bf682f
```
#bf682f rgb(191,104,47)
```
#ce7439
```
#ce7439 rgb(206,116,57)
```
#d3834e
```
#d3834e rgb(211,131,78)
```
#d89162
```
#d89162 rgb(216,145,98)
```

Monochromatic Color

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

#bf442f
```
#bf442f rgb(191,68,47)
```
#bf502f
```
#bf502f rgb(191,80,47)
```
#bf5c2f
```
#bf5c2f rgb(191,92,47)
```
#bf682f
```
#bf682f rgb(191,104,47)
```
#bf742f
```
#bf742f rgb(191,116,47)
```
#bf802f
```
#bf802f rgb(191,128,47)
```
#bf8c2f
```
#bf8c2f rgb(191,140,47)
```

Similar Colors

Text with hexadecimal color #bf682f

This text has a font color of #bf682f.

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

#bf682f background color

This paragraph has a background color of #bf682f.

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

#bf682f border color

This element has a border color of #bf682f.

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

CSS codes

.text {color:#bf682f;}

.background {background-color:#bf682f;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#120a04
```
#120a04 rgb(18,10,4)
```
#221208
```
#221208 rgb(34,18,8)
```
#311b0c
```
#311b0c rgb(49,27,12)
```
#412310
```
#412310 rgb(65,35,16)
```
#512c14
```
#512c14 rgb(81,44,20)
```
#613518
```
#613518 rgb(97,53,24)
```
#703d1c
```
#703d1c rgb(112,61,28)
```
#804620
```
#804620 rgb(128,70,32)
```
#904e23
```
#904e23 rgb(144,78,35)
```
#a05727
```
#a05727 rgb(160,87,39)
```
#af5f2b
```
#af5f2b rgb(175,95,43)
```
#bf682f
```
#bf682f rgb(191,104,47)
```

Shade Color Variation

#cd7134
```
#cd7134 rgb(205,113,52)
```
#d17c44
```
#d17c44 rgb(209,124,68)
```
#d58754
```
#d58754 rgb(213,135,84)
```
#d99264
```
#d99264 rgb(217,146,100)
```
#dd9d73
```
#dd9d73 rgb(221,157,115)
```
#e1a883
```
#e1a883 rgb(225,168,131)
```
#e4b393
```
#e4b393 rgb(228,179,147)
```
#e8bea3
```
#e8bea3 rgb(232,190,163)
```
#ecc9b2
```
#ecc9b2 rgb(236,201,178)
```
#f0d4c2
```
#f0d4c2 rgb(240,212,194)
```
#f4dfd2
```
#f4dfd2 rgb(244,223,210)
```
#f8eae2
```
#f8eae2 rgb(248,234,226)
```
#fcf5f1
```
#fcf5f1 rgb(252,245,241)
```

Tint Color Variation

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

#7f756f
```
#7f756f rgb(127,117,111)
```
#887366
```
#887366 rgb(136,115,102)
```
#91725d
```
#91725d rgb(145,114,93)
```
#9a7054
```
#9a7054 rgb(154,112,84)
```
#a46e4a
```
#a46e4a rgb(164,110,74)
```
#ad6c41
```
#ad6c41 rgb(173,108,65)
```
#b66a38
```
#b66a38 rgb(182,106,56)
```
#bf682f
```
#bf682f rgb(191,104,47)
```
#c86626
```
#c86626 rgb(200,102,38)
```
#d1641d
```
#d1641d rgb(209,100,29)
```
#da6214
```
#da6214 rgb(218,98,20)
```
#e4600a
```
#e4600a rgb(228,96,10)
```
#ed5e01
```
#ed5e01 rgb(237,94,1)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#89786d Atypical Achromatopsia 0.001% of the population

Dichromacy

#938540 Protanopia 1% of men
#a57f34 Deuteranopia 1% of men
#c56970 Tritanopia 0.001% of the population

Trichromacy

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

#bf682f hex color

#bf682f Color Information

#bf682f Color Conversion

Color Schemes with #bf682f

Alternatives to #bf682f

#bf682f Preview

Shades and Tints of #bf682f

Tones of #bf682f

Color Blindness Simulator