#b1682a hex color

In a RGB color space, hex #b1682a is composed of 69.4% red, 40.8% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.2% magenta, 76.3% yellow and 30.6% black. It has a hue angle of 27.6 degrees, a saturation of 61.6% and a lightness of 42.9%. #b1682a color hex could be obtained by blending #ffd054 with #630000. Closest websafe color is: #996633.

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

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

The hexadecimal color #b1682a has RGB values of R:177, G:104, B:42 and CMYK values of C:0, M:0.41, Y:0.76, K:0.31. Its decimal value is 11626538.

Hex triplet	b1682a	`#b1682a`
RGB Decimal	177, 104, 42	`rgb(177,104,42)`
RGB Percent	69.4, 40.8, 16.5	`rgb(69.4%,40.8%,16.5%)`
CMYK	0, 41, 76, 31
HSL	27.6°, 61.6, 42.9	`hsl(27.6,61.6%,42.9%)`
HSV (or HSB)	27.6°, 76.3, 69.4
Web Safe	996633	`#996633`

CIE-LAB	51.171, 24.29, 45.652
XYZ	23.5, 19.417, 4.701
xyY	0.494, 0.408, 19.417
CIE-LCH	51.171, 51.712, 61.984
CIE-LUV	51.171, 58.544, 41.948
Hunter-Lab	44.064, 18.085, 24.52
Binary	10110001, 01101000, 00101010

#b1682a
```
#b1682a rgb(177,104,42)
```
#2a73b1
```
#2a73b1 rgb(42,115,177)
```

Complementary Color

#b12a2f
```
#b12a2f rgb(177,42,47)
```
#b1682a
```
#b1682a rgb(177,104,42)
```
#b1ac2a
```
#b1ac2a rgb(177,172,42)
```

Analogous Color

#2a2fb1
```
#2a2fb1 rgb(42,47,177)
```
#b1682a
```
#b1682a rgb(177,104,42)
```
#2ab1ac
```
#2ab1ac rgb(42,177,172)
```

Split Complementary Color

#682ab1
```
#682ab1 rgb(104,42,177)
```
#b1682a
```
#b1682a rgb(177,104,42)
```
#2ab168
```
#2ab168 rgb(42,177,104)
```

Triadic Color

#b12a73
```
#b12a73 rgb(177,42,115)
```
#b1682a
```
#b1682a rgb(177,104,42)
```
#2ab168
```
#2ab168 rgb(42,177,104)
```
#2a73b1
```
#2a73b1 rgb(42,115,177)
```

Tetradic Color

#73441b
```
#73441b rgb(115,68,27)
```
#885020
```
#885020 rgb(136,80,32)
```
#9c5c25
```
#9c5c25 rgb(156,92,37)
```
#b1682a
```
#b1682a rgb(177,104,42)
```
#c6742f
```
#c6742f rgb(198,116,47)
```
#d1813d
```
#d1813d rgb(209,129,61)
```
#d68e52
```
#d68e52 rgb(214,142,82)
```

Monochromatic Color

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

#b1462a
```
#b1462a rgb(177,70,42)
```
#b1522a
```
#b1522a rgb(177,82,42)
```
#b15d2a
```
#b15d2a rgb(177,93,42)
```
#b1682a
```
#b1682a rgb(177,104,42)
```
#b1732a
```
#b1732a rgb(177,115,42)
```
#b17f2a
```
#b17f2a rgb(177,127,42)
```
#b18a2a
```
#b18a2a rgb(177,138,42)
```

Similar Colors

Text with hexadecimal color #b1682a

This text has a font color of #b1682a.

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

#b1682a background color

This paragraph has a background color of #b1682a.

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

#b1682a border color

This element has a border color of #b1682a.

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

CSS codes

.text {color:#b1682a;}

.background {background-color:#b1682a;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#120b04
```
#120b04 rgb(18,11,4)
```
#221408
```
#221408 rgb(34,20,8)
```
#321d0c
```
#321d0c rgb(50,29,12)
```
#422710
```
#422710 rgb(66,39,16)
```
#523013
```
#523013 rgb(82,48,19)
```
#623917
```
#623917 rgb(98,57,23)
```
#72431b
```
#72431b rgb(114,67,27)
```
#814c1f
```
#814c1f rgb(129,76,31)
```
#915522
```
#915522 rgb(145,85,34)
```
#a15f26
```
#a15f26 rgb(161,95,38)
```
#b1682a
```
#b1682a rgb(177,104,42)
```
#c1712e
```
#c1712e rgb(193,113,46)
```

Shade Color Variation

#cf7b34
```
#cf7b34 rgb(207,123,52)
```
#d28543
```
#d28543 rgb(210,133,67)
```
#d68f53
```
#d68f53 rgb(214,143,83)
```
#da9a63
```
#da9a63 rgb(218,154,99)
```
#dea473
```
#dea473 rgb(222,164,115)
```
#e2ae83
```
#e2ae83 rgb(226,174,131)
```
#e5b993
```
#e5b993 rgb(229,185,147)
```
#e9c3a2
```
#e9c3a2 rgb(233,195,162)
```
#edcdb2
```
#edcdb2 rgb(237,205,178)
```
#f1d7c2
```
#f1d7c2 rgb(241,215,194)
```
#f4e2d2
```
#f4e2d2 rgb(244,226,210)
```
#f8ece2
```
#f8ece2 rgb(248,236,226)
```
#fcf6f2
```
#fcf6f2 rgb(252,246,242)
```

Tint Color Variation

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

#6e6d6d
```
#6e6d6d rgb(110,109,109)
```
#766d65
```
#766d65 rgb(118,109,101)
```
#7e6c5d
```
#7e6c5d rgb(126,108,93)
```
#876b54
```
#876b54 rgb(135,107,84)
```
#8f6b4c
```
#8f6b4c rgb(143,107,76)
```
#986a43
```
#986a43 rgb(152,106,67)
```
#a0693b
```
#a0693b rgb(160,105,59)
```
#a96932
```
#a96932 rgb(169,105,50)
```
#b1682a
```
#b1682a rgb(177,104,42)
```
#b96722
```
#b96722 rgb(185,103,34)
```
#c26719
```
#c26719 rgb(194,103,25)
```
#ca6611
```
#ca6611 rgb(202,102,17)
```
#d36508
```
#d36508 rgb(211,101,8)
```

Tone Color Variation

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

#8e8039 Protanopia 1% of men
#9f7a31 Deuteranopia 1% of men
#b86970 Tritanopia 0.001% of the population

Trichromacy

#9b7734 Protanomaly 1% of men, 0.01% of women
#a5732e Deuteranomaly 6% of men, 0.4% of women
#b56956 Tritanomaly 0.01% of the population

#b1682a hex color

#b1682a Color Information

#b1682a Color Conversion

Color Schemes with #b1682a

Alternatives to #b1682a

#b1682a Preview

Shades and Tints of #b1682a

Tones of #b1682a

Color Blindness Simulator