#b46222 hex color

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

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

● #b46222 color description : Strong orange.

The hexadecimal color #b46222 has RGB values of R:180, G:98, B:34 and CMYK values of C:0, M:0.46, Y:0.81, K:0.29. Its decimal value is 11821602.

Hex triplet	b46222	`#b46222`
RGB Decimal	180, 98, 34	`rgb(180,98,34)`
RGB Percent	70.6, 38.4, 13.3	`rgb(70.6%,38.4%,13.3%)`
CMYK	0, 46, 81, 29
HSL	26.3°, 68.2, 42	`hsl(26.3,68.2%,42%)`
HSV (or HSB)	26.3°, 81.1, 70.6
Web Safe	cc6633	`#cc6633`

CIE-LAB	50.164, 28.539, 48.383
XYZ	23.48, 18.556, 3.859
xyY	0.512, 0.404, 18.556
CIE-LCH	50.164, 56.173, 59.465
CIE-LUV	50.164, 66.412, 42.095
Hunter-Lab	43.077, 21.909, 24.843
Binary	10110100, 01100010, 00100010

#b46222
```
#b46222 rgb(180,98,34)
```
#2274b4
```
#2274b4 rgb(34,116,180)
```

Complementary Color

#b4222b
```
#b4222b rgb(180,34,43)
```
#b46222
```
#b46222 rgb(180,98,34)
```
#b4ab22
```
#b4ab22 rgb(180,171,34)
```

Analogous Color

#222bb4
```
#222bb4 rgb(34,43,180)
```
#b46222
```
#b46222 rgb(180,98,34)
```
#22b4ab
```
#22b4ab rgb(34,180,171)
```

Split Complementary Color

#6222b4
```
#6222b4 rgb(98,34,180)
```
#b46222
```
#b46222 rgb(180,98,34)
```
#22b462
```
#22b462 rgb(34,180,98)
```

Triadic Color

#b42274
```
#b42274 rgb(180,34,116)
```
#b46222
```
#b46222 rgb(180,98,34)
```
#22b462
```
#22b462 rgb(34,180,98)
```
#2274b4
```
#2274b4 rgb(34,116,180)
```

Tetradic Color

#743f16
```
#743f16 rgb(116,63,22)
```
#894b1a
```
#894b1a rgb(137,75,26)
```
#9f561e
```
#9f561e rgb(159,86,30)
```
#b46222
```
#b46222 rgb(180,98,34)
```
#c96e26
```
#c96e26 rgb(201,110,38)
```
#d87a31
```
#d87a31 rgb(216,122,49)
```
#dc8846
```
#dc8846 rgb(220,136,70)
```

Monochromatic Color

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

#b43e22
```
#b43e22 rgb(180,62,34)
```
#b44a22
```
#b44a22 rgb(180,74,34)
```
#b45622
```
#b45622 rgb(180,86,34)
```
#b46222
```
#b46222 rgb(180,98,34)
```
#b46e22
```
#b46e22 rgb(180,110,34)
```
#b47a22
```
#b47a22 rgb(180,122,34)
```
#b48722
```
#b48722 rgb(180,135,34)
```

Similar Colors

Text with hexadecimal color #b46222

This text has a font color of #b46222.

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

#b46222 background color

This paragraph has a background color of #b46222.

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

#b46222 border color

This element has a border color of #b46222.

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

CSS codes

.text {color:#b46222;}

.background {background-color:#b46222;}

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

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

#0f0803
```
#0f0803 rgb(15,8,3)
```
#201106
```
#201106 rgb(32,17,6)
```
#301a09
```
#301a09 rgb(48,26,9)
```
#41230c
```
#41230c rgb(65,35,12)
```
#512c0f
```
#512c0f rgb(81,44,15)
```
#623512
```
#623512 rgb(98,53,18)
```
#723e16
```
#723e16 rgb(114,62,22)
```
#834719
```
#834719 rgb(131,71,25)
```
#93501c
```
#93501c rgb(147,80,28)
```
#a4591f
```
#a4591f rgb(164,89,31)
```
#b46222
```
#b46222 rgb(180,98,34)
```
#c46b25
```
#c46b25 rgb(196,107,37)
```
#d57428
```
#d57428 rgb(213,116,40)
```

Shade Color Variation

#d97e38
```
#d97e38 rgb(217,126,56)
```
#dc8948
```
#dc8948 rgb(220,137,72)
```
#e09459
```
#e09459 rgb(224,148,89)
```
#e39e69
```
#e39e69 rgb(227,158,105)
```
#e6a97a
```
#e6a97a rgb(230,169,122)
```
#e9b48a
```
#e9b48a rgb(233,180,138)
```
#ecbe9b
```
#ecbe9b rgb(236,190,155)
```
#efc9ab
```
#efc9ab rgb(239,201,171)
```
#f2d4bc
```
#f2d4bc rgb(242,212,188)
```
#f5decc
```
#f5decc rgb(245,222,204)
```
#f8e9dd
```
#f8e9dd rgb(248,233,221)
```
#fcf3ed
```
#fcf3ed rgb(252,243,237)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#726a64
```
#726a64 rgb(114,106,100)
```
#7a695c
```
#7a695c rgb(122,105,92)
```
#836853
```
#836853 rgb(131,104,83)
```
#8b674b
```
#8b674b rgb(139,103,75)
```
#936643
```
#936643 rgb(147,102,67)
```
#9b653b
```
#9b653b rgb(155,101,59)
```
#a46432
```
#a46432 rgb(164,100,50)
```
#ac632a
```
#ac632a rgb(172,99,42)
```
#b46222
```
#b46222 rgb(180,98,34)
```
#bc611a
```
#bc611a rgb(188,97,26)
```
#c46012
```
#c46012 rgb(196,96,18)
```
#cd5f09
```
#cd5f09 rgb(205,95,9)
```
#d55e01
```
#d55e01 rgb(213,94,1)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#807063 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c7e32 Protanopia 1% of men
#9d7827 Deuteranopia 1% of men
#bb646a Tritanopia 0.001% of the population

Trichromacy

#9a742c Protanomaly 1% of men, 0.01% of women
#a57025 Deuteranomaly 6% of men, 0.4% of women
#b86350 Tritanomaly 0.01% of the population

#b46222 hex color

#b46222 Color Information

#b46222 Color Conversion

Color Schemes with #b46222

Alternatives to #b46222

#b46222 Preview

Shades and Tints of #b46222

Tones of #b46222

Color Blindness Simulator