#b9691f hex color

In a RGB color space, hex #b9691f is composed of 72.5% red, 41.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.2% magenta, 83.2% yellow and 27.5% black. It has a hue angle of 28.8 degrees, a saturation of 71.3% and a lightness of 42.4%. #b9691f color hex could be obtained by blending #ffd23e with #730000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 73
- G 41
- B 12
RGB color chart
- C 0
- M 43
- Y 83
- K 27
CMYK color chart

● #b9691f color description : Strong orange.

The hexadecimal color #b9691f has RGB values of R:185, G:105, B:31 and CMYK values of C:0, M:0.43, Y:0.83, K:0.27. Its decimal value is 12151071.

Hex triplet	b9691f	`#b9691f`
RGB Decimal	185, 105, 31	`rgb(185,105,31)`
RGB Percent	72.5, 41.2, 12.2	`rgb(72.5%,41.2%,12.2%)`
CMYK	0, 43, 83, 27
HSL	28.8°, 71.3, 42.4	`hsl(28.8,71.3%,42.4%)`
HSV (or HSB)	28.8°, 83.2, 72.5
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.418, 26.76, 51.901
XYZ	25.307, 20.518, 3.924
xyY	0.509, 0.412, 20.518
CIE-LCH	52.418, 58.393, 62.725
CIE-LUV	52.418, 65.214, 45.759
Hunter-Lab	45.297, 20.456, 26.572
Binary	10111001, 01101001, 00011111

#b9691f
```
#b9691f rgb(185,105,31)
```
#1f6fb9
```
#1f6fb9 rgb(31,111,185)
```

Complementary Color

#b91f22
```
#b91f22 rgb(185,31,34)
```
#b9691f
```
#b9691f rgb(185,105,31)
```
#b9b61f
```
#b9b61f rgb(185,182,31)
```

Analogous Color

#1f22b9
```
#1f22b9 rgb(31,34,185)
```
#b9691f
```
#b9691f rgb(185,105,31)
```
#1fb9b6
```
#1fb9b6 rgb(31,185,182)
```

Split Complementary Color

#691fb9
```
#691fb9 rgb(105,31,185)
```
#b9691f
```
#b9691f rgb(185,105,31)
```
#1fb969
```
#1fb969 rgb(31,185,105)
```

Triadic Color

#b91f6f
```
#b91f6f rgb(185,31,111)
```
#b9691f
```
#b9691f rgb(185,105,31)
```
#1fb969
```
#1fb969 rgb(31,185,105)
```
#1f6fb9
```
#1f6fb9 rgb(31,111,185)
```

Tetradic Color

#774414
```
#774414 rgb(119,68,20)
```
#8d5018
```
#8d5018 rgb(141,80,24)
```
#a35d1b
```
#a35d1b rgb(163,93,27)
```
#b9691f
```
#b9691f rgb(185,105,31)
```
#cf7523
```
#cf7523 rgb(207,117,35)
```
#dc822f
```
#dc822f rgb(220,130,47)
```
#e08f45
```
#e08f45 rgb(224,143,69)
```

Monochromatic Color

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

#b9431f
```
#b9431f rgb(185,67,31)
```
#b94f1f
```
#b94f1f rgb(185,79,31)
```
#b95c1f
```
#b95c1f rgb(185,92,31)
```
#b9691f
```
#b9691f rgb(185,105,31)
```
#b9761f
```
#b9761f rgb(185,118,31)
```
#b9831f
```
#b9831f rgb(185,131,31)
```
#b9901f
```
#b9901f rgb(185,144,31)
```

Similar Colors

Text with hexadecimal color #b9691f

This text has a font color of #b9691f.

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

#b9691f background color

This paragraph has a background color of #b9691f.

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

#b9691f border color

This element has a border color of #b9691f.

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

CSS codes

.text {color:#b9691f;}

.background {background-color:#b9691f;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#110a03
```
#110a03 rgb(17,10,3)
```
#221306
```
#221306 rgb(34,19,6)
```
#331d08
```
#331d08 rgb(51,29,8)
```
#43260b
```
#43260b rgb(67,38,11)
```
#54300e
```
#54300e rgb(84,48,14)
```
#653911
```
#653911 rgb(101,57,17)
```
#764314
```
#764314 rgb(118,67,20)
```
#874c17
```
#874c17 rgb(135,76,23)
```
#975619
```
#975619 rgb(151,86,25)
```
#a85f1c
```
#a85f1c rgb(168,95,28)
```
#b9691f
```
#b9691f rgb(185,105,31)
```
#ca7322
```
#ca7322 rgb(202,115,34)
```

Shade Color Variation

#da7c25
```
#da7c25 rgb(218,124,37)
```
#dd8636
```
#dd8636 rgb(221,134,54)
```
#e09046
```
#e09046 rgb(224,144,70)
```
#e39a57
```
#e39a57 rgb(227,154,87)
```
#e6a468
```
#e6a468 rgb(230,164,104)
```
#e9ae79
```
#e9ae79 rgb(233,174,121)
```
#ebb98a
```
#ebb98a rgb(235,185,138)
```
#eec39a
```
#eec39a rgb(238,195,154)
```
#f1cdab
```
#f1cdab rgb(241,205,171)
```
#f4d7bc
```
#f4d7bc rgb(244,215,188)
```
#f7e1cd
```
#f7e1cd rgb(247,225,205)
```
#f9ebde
```
#f9ebde rgb(249,235,222)
```
#fcf5ee
```
#fcf5ee rgb(252,245,238)
```

Tint Color Variation

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

#6e6c6a
```
#6e6c6a rgb(110,108,106)
```
#776c61
```
#776c61 rgb(119,108,97)
```
#7f6b59
```
#7f6b59 rgb(127,107,89)
```
#876b51
```
#876b51 rgb(135,107,81)
```
#8f6b49
```
#8f6b49 rgb(143,107,73)
```
#986a40
```
#986a40 rgb(152,106,64)
```
#a06a38
```
#a06a38 rgb(160,106,56)
```
#a86a30
```
#a86a30 rgb(168,106,48)
```
#b16927
```
#b16927 rgb(177,105,39)
```
#b9691f
```
#b9691f rgb(185,105,31)
```
#c16917
```
#c16917 rgb(193,105,23)
```
#ca680e
```
#ca680e rgb(202,104,14)
```
#d26806
```
#d26806 rgb(210,104,6)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#857566 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92842f Protanopia 1% of men
#a47d24 Deuteranopia 1% of men
#c06a70 Tritanopia 0.001% of the population

Trichromacy

#a07a29 Protanomaly 1% of men, 0.01% of women
#ab7622 Deuteranomaly 6% of men, 0.4% of women
#bd6953 Tritanomaly 0.01% of the population

#b9691f hex color

#b9691f Color Information

#b9691f Color Conversion

Color Schemes with #b9691f

Alternatives to #b9691f

#b9691f Preview

Shades and Tints of #b9691f

Tones of #b9691f

Color Blindness Simulator