#b16222 hex color

In a RGB color space, hex #b16222 is composed of 69.4% red, 38.4% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.6% magenta, 80.8% yellow and 30.6% black. It has a hue angle of 26.9 degrees, a saturation of 67.8% and a lightness of 41.4%. #b16222 color hex could be obtained by blending #ffc444 with #630000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 38
- B 13
RGB color chart
- C 0
- M 45
- Y 81
- K 31
CMYK color chart

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

The hexadecimal color #b16222 has RGB values of R:177, G:98, B:34 and CMYK values of C:0, M:0.45, Y:0.81, K:0.31. Its decimal value is 11624994.

Hex triplet	b16222	`#b16222`
RGB Decimal	177, 98, 34	`rgb(177,98,34)`
RGB Percent	69.4, 38.4, 13.3	`rgb(69.4%,38.4%,13.3%)`
CMYK	0, 45, 81, 31
HSL	26.9°, 67.8, 41.4	`hsl(26.9,67.8%,41.4%)`
HSV (or HSB)	26.9°, 80.8, 69.4
Web Safe	996633	`#996633`

CIE-LAB	49.738, 27.268, 47.832
XYZ	22.789, 18.2, 3.826
xyY	0.509, 0.406, 18.2
CIE-LCH	49.738, 55.059, 60.313
CIE-LUV	49.738, 63.898, 41.867
Hunter-Lab	42.661, 20.693, 24.545
Binary	10110001, 01100010, 00100010

#b16222
```
#b16222 rgb(177,98,34)
```
#2271b1
```
#2271b1 rgb(34,113,177)
```

Complementary Color

#b12229
```
#b12229 rgb(177,34,41)
```
#b16222
```
#b16222 rgb(177,98,34)
```
#b1aa22
```
#b1aa22 rgb(177,170,34)
```

Analogous Color

#2229b1
```
#2229b1 rgb(34,41,177)
```
#b16222
```
#b16222 rgb(177,98,34)
```
#22b1aa
```
#22b1aa rgb(34,177,170)
```

Split Complementary Color

#6222b1
```
#6222b1 rgb(98,34,177)
```
#b16222
```
#b16222 rgb(177,98,34)
```
#22b162
```
#22b162 rgb(34,177,98)
```

Triadic Color

#b12271
```
#b12271 rgb(177,34,113)
```
#b16222
```
#b16222 rgb(177,98,34)
```
#22b162
```
#22b162 rgb(34,177,98)
```
#2271b1
```
#2271b1 rgb(34,113,177)
```

Tetradic Color

#713e16
```
#713e16 rgb(113,62,22)
```
#864a1a
```
#864a1a rgb(134,74,26)
```
#9c561e
```
#9c561e rgb(156,86,30)
```
#b16222
```
#b16222 rgb(177,98,34)
```
#c66e26
```
#c66e26 rgb(198,110,38)
```
#d77a2f
```
#d77a2f rgb(215,122,47)
```
#db8844
```
#db8844 rgb(219,136,68)
```

Monochromatic Color

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

#b13e22
```
#b13e22 rgb(177,62,34)
```
#b14a22
```
#b14a22 rgb(177,74,34)
```
#b15622
```
#b15622 rgb(177,86,34)
```
#b16222
```
#b16222 rgb(177,98,34)
```
#b16e22
```
#b16e22 rgb(177,110,34)
```
#b17a22
```
#b17a22 rgb(177,122,34)
```
#b18622
```
#b18622 rgb(177,134,34)
```

Similar Colors

Text with hexadecimal color #b16222

This text has a font color of #b16222.

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

#b16222 background color

This paragraph has a background color of #b16222.

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

#b16222 border color

This element has a border color of #b16222.

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

CSS codes

.text {color:#b16222;}

.background {background-color:#b16222;}

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

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

#0c0702
```
#0c0702 rgb(12,7,2)
```
#1d1006
```
#1d1006 rgb(29,16,6)
```
#2d1909
```
#2d1909 rgb(45,25,9)
```
#3e220c
```
#3e220c rgb(62,34,12)
```
#4e2b0f
```
#4e2b0f rgb(78,43,15)
```
#5f3412
```
#5f3412 rgb(95,52,18)
```
#6f3e15
```
#6f3e15 rgb(111,62,21)
```
#804719
```
#804719 rgb(128,71,25)
```
#90501c
```
#90501c rgb(144,80,28)
```
#a1591f
```
#a1591f rgb(161,89,31)
```
#b16222
```
#b16222 rgb(177,98,34)
```
#c16b25
```
#c16b25 rgb(193,107,37)
```
#d27428
```
#d27428 rgb(210,116,40)
```

Shade Color Variation

#d87e36
```
#d87e36 rgb(216,126,54)
```
#db8946
```
#db8946 rgb(219,137,70)
```
#df9356
```
#df9356 rgb(223,147,86)
```
#e29e67
```
#e29e67 rgb(226,158,103)
```
#e5a877
```
#e5a877 rgb(229,168,119)
```
#e8b388
```
#e8b388 rgb(232,179,136)
```
#ebbd98
```
#ebbd98 rgb(235,189,152)
```
#eec8a9
```
#eec8a9 rgb(238,200,169)
```
#f2d2b9
```
#f2d2b9 rgb(242,210,185)
```
#f5ddca
```
#f5ddca rgb(245,221,202)
```
#f8e7da
```
#f8e7da rgb(248,231,218)
```
#fbf2eb
```
#fbf2eb rgb(251,242,235)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#706963
```
#706963 rgb(112,105,99)
```
#78685b
```
#78685b rgb(120,104,91)
```
#806753
```
#806753 rgb(128,103,83)
```
#88664b
```
#88664b rgb(136,102,75)
```
#916542
```
#916542 rgb(145,101,66)
```
#99653a
```
#99653a rgb(153,101,58)
```
#a16432
```
#a16432 rgb(161,100,50)
```
#a9632a
```
#a9632a rgb(169,99,42)
```
#b16222
```
#b16222 rgb(177,98,34)
```
#b9611a
```
#b9611a rgb(185,97,26)
```
#c16012
```
#c16012 rgb(193,96,18)
```
#c95f0a
```
#c95f0a rgb(201,95,10)
```
#d15f02
```
#d15f02 rgb(209,95,2)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#7f6f62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7d32 Protanopia 1% of men
#9b7728 Deuteranopia 1% of men
#b8636a Tritanopia 0.001% of the population

Trichromacy

#99732c Protanomaly 1% of men, 0.01% of women
#a36f25 Deuteranomaly 6% of men, 0.4% of women
#b56350 Tritanomaly 0.01% of the population

#b16222 hex color

#b16222 Color Information

#b16222 Color Conversion

Color Schemes with #b16222

Alternatives to #b16222

#b16222 Preview

Shades and Tints of #b16222

Tones of #b16222

Color Blindness Simulator