#b46f22 hex color

In a RGB color space, hex #b46f22 is composed of 70.6% red, 43.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.3% magenta, 81.1% yellow and 29.4% black. It has a hue angle of 31.6 degrees, a saturation of 68.2% and a lightness of 42%. #b46f22 color hex could be obtained by blending #ffde44 with #690000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 71
- G 44
- B 13
RGB color chart
- C 0
- M 38
- Y 81
- K 29
CMYK color chart

● #b46f22 color description : Strong orange.

The hexadecimal color #b46f22 has RGB values of R:180, G:111, B:34 and CMYK values of C:0, M:0.38, Y:0.81, K:0.29. Its decimal value is 11824930.

Hex triplet	b46f22	`#b46f22`
RGB Decimal	180, 111, 34	`rgb(180,111,34)`
RGB Percent	70.6, 43.5, 13.3	`rgb(70.6%,43.5%,13.3%)`
CMYK	0, 38, 81, 29
HSL	31.6°, 68.2, 42	`hsl(31.6,68.2%,42%)`
HSV (or HSB)	31.6°, 81.1, 70.6
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.156, 21.399, 51.14
XYZ	24.796, 21.19, 4.297
xyY	0.493, 0.421, 21.19
CIE-LCH	53.156, 55.437, 67.294
CIE-LUV	53.156, 56.068, 47.032
Hunter-Lab	46.032, 15.597, 26.687
Binary	10110100, 01101111, 00100010

#b46f22
```
#b46f22 rgb(180,111,34)
```
#2267b4
```
#2267b4 rgb(34,103,180)
```

Complementary Color

#b42622
```
#b42622 rgb(180,38,34)
```
#b46f22
```
#b46f22 rgb(180,111,34)
```
#b0b422
```
#b0b422 rgb(176,180,34)
```

Analogous Color

#2622b4
```
#2622b4 rgb(38,34,180)
```
#b46f22
```
#b46f22 rgb(180,111,34)
```
#22b0b4
```
#22b0b4 rgb(34,176,180)
```

Split Complementary Color

#6f22b4
```
#6f22b4 rgb(111,34,180)
```
#b46f22
```
#b46f22 rgb(180,111,34)
```
#22b46f
```
#22b46f rgb(34,180,111)
```

Triadic Color

#b42267
```
#b42267 rgb(180,34,103)
```
#b46f22
```
#b46f22 rgb(180,111,34)
```
#22b46f
```
#22b46f rgb(34,180,111)
```
#2267b4
```
#2267b4 rgb(34,103,180)
```

Tetradic Color

#744716
```
#744716 rgb(116,71,22)
```
#89551a
```
#89551a rgb(137,85,26)
```
#9f621e
```
#9f621e rgb(159,98,30)
```
#b46f22
```
#b46f22 rgb(180,111,34)
```
#c97c26
```
#c97c26 rgb(201,124,38)
```
#d88931
```
#d88931 rgb(216,137,49)
```
#dc9546
```
#dc9546 rgb(220,149,70)
```

Monochromatic Color

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

#b44b22
```
#b44b22 rgb(180,75,34)
```
#b45722
```
#b45722 rgb(180,87,34)
```
#b46322
```
#b46322 rgb(180,99,34)
```
#b46f22
```
#b46f22 rgb(180,111,34)
```
#b47b22
```
#b47b22 rgb(180,123,34)
```
#b48722
```
#b48722 rgb(180,135,34)
```
#b49422
```
#b49422 rgb(180,148,34)
```

Similar Colors

Text with hexadecimal color #b46f22

This text has a font color of #b46f22.

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

#b46f22 background color

This paragraph has a background color of #b46f22.

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

#b46f22 border color

This element has a border color of #b46f22.

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

CSS codes

.text {color:#b46f22;}

.background {background-color:#b46f22;}

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

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, #0f0903 is the darkest color, while #fffefe is the lightest one.

#0f0903
```
#0f0903 rgb(15,9,3)
```
#201306
```
#201306 rgb(32,19,6)
```
#301e09
```
#301e09 rgb(48,30,9)
```
#41280c
```
#41280c rgb(65,40,12)
```
#51320f
```
#51320f rgb(81,50,15)
```
#623c12
```
#623c12 rgb(98,60,18)
```
#724616
```
#724616 rgb(114,70,22)
```
#835019
```
#835019 rgb(131,80,25)
```
#935b1c
```
#935b1c rgb(147,91,28)
```
#a4651f
```
#a4651f rgb(164,101,31)
```
#b46f22
```
#b46f22 rgb(180,111,34)
```
#c47925
```
#c47925 rgb(196,121,37)
```
#d58328
```
#d58328 rgb(213,131,40)
```

Shade Color Variation

#d98d38
```
#d98d38 rgb(217,141,56)
```
#dc9648
```
#dc9648 rgb(220,150,72)
```
#e0a059
```
#e0a059 rgb(224,160,89)
```
#e3a969
```
#e3a969 rgb(227,169,105)
```
#e6b37a
```
#e6b37a rgb(230,179,122)
```
#e9bc8a
```
#e9bc8a rgb(233,188,138)
```
#ecc69b
```
#ecc69b rgb(236,198,155)
```
#efcfab
```
#efcfab rgb(239,207,171)
```
#f2d8bc
```
#f2d8bc rgb(242,216,188)
```
#f5e2cc
```
#f5e2cc rgb(245,226,204)
```
#f8ebdd
```
#f8ebdd rgb(248,235,221)
```
#fcf5ed
```
#fcf5ed rgb(252,245,237)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#726b64
```
#726b64 rgb(114,107,100)
```
#7a6c5c
```
#7a6c5c rgb(122,108,92)
```
#836c53
```
#836c53 rgb(131,108,83)
```
#8b6d4b
```
#8b6d4b rgb(139,109,75)
```
#936d43
```
#936d43 rgb(147,109,67)
```
#9b6e3b
```
#9b6e3b rgb(155,110,59)
```
#a46e32
```
#a46e32 rgb(164,110,50)
```
#ac6f2a
```
#ac6f2a rgb(172,111,42)
```
#b46f22
```
#b46f22 rgb(180,111,34)
```
#bc6f1a
```
#bc6f1a rgb(188,111,26)
```
#c47012
```
#c47012 rgb(196,112,18)
```
#cd7009
```
#cd7009 rgb(205,112,9)
```
#d57101
```
#d57101 rgb(213,113,1)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#867969 Atypical Achromatopsia 0.001% of the population

Dichromacy

#948531 Protanopia 1% of men
#a67f29 Deuteranopia 1% of men
#bc6f76 Tritanopia 0.001% of the population

Trichromacy

#a07d2b Protanomaly 1% of men, 0.01% of women
#ab7926 Deuteranomaly 6% of men, 0.4% of women
#b96f57 Tritanomaly 0.01% of the population

#b46f22 hex color

#b46f22 Color Information

#b46f22 Color Conversion

Color Schemes with #b46f22

Alternatives to #b46f22

#b46f22 Preview

Shades and Tints of #b46f22

Tones of #b46f22

Color Blindness Simulator