#b0681f hex color

In a RGB color space, hex #b0681f is composed of 69% red, 40.8% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.9% magenta, 82.4% yellow and 31% black. It has a hue angle of 30.2 degrees, a saturation of 70% and a lightness of 40.6%. #b0681f color hex could be obtained by blending #ffd03e with #610000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 41
- B 12
RGB color chart
- C 0
- M 41
- Y 82
- K 31
CMYK color chart

● #b0681f color description : Dark orange [Brown tone].

The hexadecimal color #b0681f has RGB values of R:176, G:104, B:31 and CMYK values of C:0, M:0.41, Y:0.82, K:0.31. Its decimal value is 11560991.

Hex triplet	b0681f	`#b0681f`
RGB Decimal	176, 104, 31	`rgb(176,104,31)`
RGB Percent	69, 40.8, 12.2	`rgb(69%,40.8%,12.2%)`
CMYK	0, 41, 82, 31
HSL	30.2°, 70, 40.6	`hsl(30.2,70%,40.6%)`
HSV (or HSB)	30.2°, 82.4, 69
Web Safe	996633	`#996633`

CIE-LAB	50.957, 23.434, 50.132
XYZ	23.103, 19.231, 3.792
xyY	0.501, 0.417, 19.231
CIE-LCH	50.957, 55.339, 64.947
CIE-LUV	50.957, 58.498, 44.787
Hunter-Lab	43.854, 17.293, 25.571
Binary	10110000, 01101000, 00011111

#b0681f
```
#b0681f rgb(176,104,31)
```
#1f67b0
```
#1f67b0 rgb(31,103,176)
```

Complementary Color

#b01f1f
```
#b01f1f rgb(176,31,31)
```
#b0681f
```
#b0681f rgb(176,104,31)
```
#b0b01f
```
#b0b01f rgb(176,176,31)
```

Analogous Color

#201fb0
```
#201fb0 rgb(32,31,176)
```
#b0681f
```
#b0681f rgb(176,104,31)
```
#1fb0b0
```
#1fb0b0 rgb(31,176,176)
```

Split Complementary Color

#681fb0
```
#681fb0 rgb(104,31,176)
```
#b0681f
```
#b0681f rgb(176,104,31)
```
#1fb068
```
#1fb068 rgb(31,176,104)
```

Triadic Color

#b01f67
```
#b01f67 rgb(176,31,103)
```
#b0681f
```
#b0681f rgb(176,104,31)
```
#1fb068
```
#1fb068 rgb(31,176,104)
```
#1f67b0
```
#1f67b0 rgb(31,103,176)
```

Tetradic Color

#6f4214
```
#6f4214 rgb(111,66,20)
```
#854e17
```
#854e17 rgb(133,78,23)
```
#9a5b1b
```
#9a5b1b rgb(154,91,27)
```
#b0681f
```
#b0681f rgb(176,104,31)
```
#c67523
```
#c67523 rgb(198,117,35)
```
#d98229
```
#d98229 rgb(217,130,41)
```
#dd8e3e
```
#dd8e3e rgb(221,142,62)
```

Monochromatic Color

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

#b0441f
```
#b0441f rgb(176,68,31)
```
#b0501f
```
#b0501f rgb(176,80,31)
```
#b05c1f
```
#b05c1f rgb(176,92,31)
```
#b0681f
```
#b0681f rgb(176,104,31)
```
#b0741f
```
#b0741f rgb(176,116,31)
```
#b0801f
```
#b0801f rgb(176,128,31)
```
#b08c1f
```
#b08c1f rgb(176,140,31)
```

Similar Colors

Text with hexadecimal color #b0681f

This text has a font color of #b0681f.

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

#b0681f background color

This paragraph has a background color of #b0681f.

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

#b0681f border color

This element has a border color of #b0681f.

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

CSS codes

.text {color:#b0681f;}

.background {background-color:#b0681f;}

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

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

#090502
```
#090502 rgb(9,5,2)
```
#1a0f05
```
#1a0f05 rgb(26,15,5)
```
#2b1907
```
#2b1907 rgb(43,25,7)
```
#3b230a
```
#3b230a rgb(59,35,10)
```
#4c2d0d
```
#4c2d0d rgb(76,45,13)
```
#5d3710
```
#5d3710 rgb(93,55,16)
```
#6d4113
```
#6d4113 rgb(109,65,19)
```
#7e4a16
```
#7e4a16 rgb(126,74,22)
```
#8f5419
```
#8f5419 rgb(143,84,25)
```
#9f5e1c
```
#9f5e1c rgb(159,94,28)
```
#b0681f
```
#b0681f rgb(176,104,31)
```
#c17222
```
#c17222 rgb(193,114,34)
```
#d17c25
```
#d17c25 rgb(209,124,37)
```

Shade Color Variation

#da862f
```
#da862f rgb(218,134,47)
```
#dd8f40
```
#dd8f40 rgb(221,143,64)
```
#e09951
```
#e09951 rgb(224,153,81)
```
#e3a361
```
#e3a361 rgb(227,163,97)
```
#e6ad72
```
#e6ad72 rgb(230,173,114)
```
#e9b683
```
#e9b683 rgb(233,182,131)
```
#ecc093
```
#ecc093 rgb(236,192,147)
```
#efcaa4
```
#efcaa4 rgb(239,202,164)
```
#f2d4b5
```
#f2d4b5 rgb(242,212,181)
```
#f5ddc6
```
#f5ddc6 rgb(245,221,198)
```
#f8e7d6
```
#f8e7d6 rgb(248,231,214)
```
#fbf1e7
```
#fbf1e7 rgb(251,241,231)
```
#fefbf8
```
#fefbf8 rgb(254,251,248)
```

Tint Color Variation

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

#686867
```
#686867 rgb(104,104,103)
```
#70685f
```
#70685f rgb(112,104,95)
```
#786857
```
#786857 rgb(120,104,87)
```
#80684f
```
#80684f rgb(128,104,79)
```
#886847
```
#886847 rgb(136,104,71)
```
#90683f
```
#90683f rgb(144,104,63)
```
#986837
```
#986837 rgb(152,104,55)
```
#a0682f
```
#a0682f rgb(160,104,47)
```
#a86827
```
#a86827 rgb(168,104,39)
```
#b0681f
```
#b0681f rgb(176,104,31)
```
#b86817
```
#b86817 rgb(184,104,23)
```
#c0680f
```
#c0680f rgb(192,104,15)
```
#c86807
```
#c86807 rgb(200,104,7)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#817264 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e802f Protanopia 1% of men
#9f7a25 Deuteranopia 1% of men
#b76970 Tritanopia 0.001% of the population

Trichromacy

#9a7729 Protanomaly 1% of men, 0.01% of women
#a57323 Deuteranomaly 6% of men, 0.4% of women
#b56852 Tritanomaly 0.01% of the population

#b0681f hex color

#b0681f Color Information

#b0681f Color Conversion

Color Schemes with #b0681f

Alternatives to #b0681f

#b0681f Preview

Shades and Tints of #b0681f

Tones of #b0681f

Color Blindness Simulator