#b1682e hex color

In a RGB color space, hex #b1682e is composed of 69.4% red, 40.8% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.2% magenta, 74% yellow and 30.6% black. It has a hue angle of 26.6 degrees, a saturation of 58.7% and a lightness of 43.7%. #b1682e color hex could be obtained by blending #ffd05c with #630000. Closest websafe color is: #996633.

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

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

The hexadecimal color #b1682e has RGB values of R:177, G:104, B:46 and CMYK values of C:0, M:0.41, Y:0.74, K:0.31. Its decimal value is 11626542.

Hex triplet	b1682e	`#b1682e`
RGB Decimal	177, 104, 46	`rgb(177,104,46)`
RGB Percent	69.4, 40.8, 18	`rgb(69.4%,40.8%,18%)`
CMYK	0, 41, 74, 31
HSL	26.6°, 58.7, 43.7	`hsl(26.6,58.7%,43.7%)`
HSV (or HSB)	26.6°, 74, 69.4
Web Safe	996633	`#996633`

CIE-LAB	51.206, 24.475, 43.794
XYZ	23.576, 19.447, 5.097
xyY	0.49, 0.404, 19.447
CIE-LCH	51.206, 50.169, 60.801
CIE-LUV	51.206, 58.203, 40.686
Hunter-Lab	44.099, 18.256, 24.017
Binary	10110001, 01101000, 00101110

#b1682e
```
#b1682e rgb(177,104,46)
```
#2e77b1
```
#2e77b1 rgb(46,119,177)
```

Complementary Color

#b12e35
```
#b12e35 rgb(177,46,53)
```
#b1682e
```
#b1682e rgb(177,104,46)
```
#b1aa2e
```
#b1aa2e rgb(177,170,46)
```

Analogous Color

#2e36b1
```
#2e36b1 rgb(46,54,177)
```
#b1682e
```
#b1682e rgb(177,104,46)
```
#2eb1aa
```
#2eb1aa rgb(46,177,170)
```

Split Complementary Color

#682eb1
```
#682eb1 rgb(104,46,177)
```
#b1682e
```
#b1682e rgb(177,104,46)
```
#2eb168
```
#2eb168 rgb(46,177,104)
```

Triadic Color

#b12e77
```
#b12e77 rgb(177,46,119)
```
#b1682e
```
#b1682e rgb(177,104,46)
```
#2eb168
```
#2eb168 rgb(46,177,104)
```
#2e77b1
```
#2e77b1 rgb(46,119,177)
```

Tetradic Color

#74441e
```
#74441e rgb(116,68,30)
```
#895023
```
#895023 rgb(137,80,35)
```
#9d5c29
```
#9d5c29 rgb(157,92,41)
```
#b1682e
```
#b1682e rgb(177,104,46)
```
#c57433
```
#c57433 rgb(197,116,51)
```
#ce8144
```
#ce8144 rgb(206,129,68)
```
#d48f58
```
#d48f58 rgb(212,143,88)
```

Monochromatic Color

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

#b1472e
```
#b1472e rgb(177,71,46)
```
#b1522e
```
#b1522e rgb(177,82,46)
```
#b15d2e
```
#b15d2e rgb(177,93,46)
```
#b1682e
```
#b1682e rgb(177,104,46)
```
#b1732e
```
#b1732e rgb(177,115,46)
```
#b17e2e
```
#b17e2e rgb(177,126,46)
```
#b1892e
```
#b1892e rgb(177,137,46)
```

Similar Colors

Text with hexadecimal color #b1682e

This text has a font color of #b1682e.

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

#b1682e background color

This paragraph has a background color of #b1682e.

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

#b1682e border color

This element has a border color of #b1682e.

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

CSS codes

.text {color:#b1682e;}

.background {background-color:#b1682e;}

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

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

#060301
```
#060301 rgb(6,3,1)
```
#150d06
```
#150d06 rgb(21,13,6)
```
#25160a
```
#25160a rgb(37,22,10)
```
#341f0e
```
#341f0e rgb(52,31,14)
```
#442812
```
#442812 rgb(68,40,18)
```
#543116
```
#543116 rgb(84,49,22)
```
#633a1a
```
#633a1a rgb(99,58,26)
```
#73431e
```
#73431e rgb(115,67,30)
```
#824d22
```
#824d22 rgb(130,77,34)
```
#925626
```
#925626 rgb(146,86,38)
```
#a15f2a
```
#a15f2a rgb(161,95,42)
```
#b1682e
```
#b1682e rgb(177,104,46)
```
#c17132
```
#c17132 rgb(193,113,50)
```

Shade Color Variation

#cc7b3a
```
#cc7b3a rgb(204,123,58)
```
#d0854a
```
#d0854a rgb(208,133,74)
```
#d49059
```
#d49059 rgb(212,144,89)
```
#d89a69
```
#d89a69 rgb(216,154,105)
```
#dca579
```
#dca579 rgb(220,165,121)
```
#e0af88
```
#e0af88 rgb(224,175,136)
```
#e4ba98
```
#e4ba98 rgb(228,186,152)
```
#e8c4a7
```
#e8c4a7 rgb(232,196,167)
```
#eccfb7
```
#eccfb7 rgb(236,207,183)
```
#f0d9c6
```
#f0d9c6 rgb(240,217,198)
```
#f4e3d6
```
#f4e3d6 rgb(244,227,214)
```
#f8eee6
```
#f8eee6 rgb(248,238,230)
```
#fcf8f5
```
#fcf8f5 rgb(252,248,245)
```

Tint Color Variation

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

#756f6a
```
#756f6a rgb(117,111,106)
```
#7e6e61
```
#7e6e61 rgb(126,110,97)
```
#866d59
```
#866d59 rgb(134,109,89)
```
#8f6c50
```
#8f6c50 rgb(143,108,80)
```
#976b48
```
#976b48 rgb(151,107,72)
```
#a06a3f
```
#a06a3f rgb(160,106,63)
```
#a86937
```
#a86937 rgb(168,105,55)
```
#b1682e
```
#b1682e rgb(177,104,46)
```
#ba6725
```
#ba6725 rgb(186,103,37)
```
#c2661d
```
#c2661d rgb(194,102,29)
```
#cb6514
```
#cb6514 rgb(203,101,20)
```
#d3640c
```
#d3640c rgb(211,100,12)
```
#dc6303
```
#dc6303 rgb(220,99,3)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#837468 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e813d Protanopia 1% of men
#9f7a35 Deuteranopia 1% of men
#b86970 Tritanopia 0.001% of the population

Trichromacy

#9b7738 Protanomaly 1% of men, 0.01% of women
#a57432 Deuteranomaly 6% of men, 0.4% of women
#b56958 Tritanomaly 0.01% of the population

#b1682e hex color

#b1682e Color Information

#b1682e Color Conversion

Color Schemes with #b1682e

Alternatives to #b1682e

#b1682e Preview

Shades and Tints of #b1682e

Tones of #b1682e

Color Blindness Simulator