#b06a22 hex color

In a RGB color space, hex #b06a22 is composed of 69% red, 41.6% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.8% magenta, 80.7% yellow and 31% black. It has a hue angle of 30.4 degrees, a saturation of 67.6% and a lightness of 41.2%. #b06a22 color hex could be obtained by blending #ffd444 with #610000. Closest websafe color is: #996633.

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

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

The hexadecimal color #b06a22 has RGB values of R:176, G:106, B:34 and CMYK values of C:0, M:0.4, Y:0.81, K:0.31. Its decimal value is 11561506.

Hex triplet	b06a22	`#b06a22`
RGB Decimal	176, 106, 34	`rgb(176,106,34)`
RGB Percent	69, 41.6, 13.3	`rgb(69%,41.6%,13.3%)`
CMYK	0, 40, 81, 31
HSL	30.4°, 67.6, 41.2	`hsl(30.4,67.6%,41.2%)`
HSV (or HSB)	30.4°, 80.7, 69
Web Safe	996633	`#996633`

CIE-LAB	51.445, 22.428, 49.372
XYZ	23.348, 19.655, 4.078
xyY	0.496, 0.417, 19.655
CIE-LCH	51.445, 54.228, 65.569
CIE-LUV	51.445, 56.721, 44.844
Hunter-Lab	44.334, 16.418, 25.581
Binary	10110000, 01101010, 00100010

#b06a22
```
#b06a22 rgb(176,106,34)
```
#2268b0
```
#2268b0 rgb(34,104,176)
```

Complementary Color

#b02322
```
#b02322 rgb(176,35,34)
```
#b06a22
```
#b06a22 rgb(176,106,34)
```
#afb022
```
#afb022 rgb(175,176,34)
```

Analogous Color

#2322b0
```
#2322b0 rgb(35,34,176)
```
#b06a22
```
#b06a22 rgb(176,106,34)
```
#22afb0
```
#22afb0 rgb(34,175,176)
```

Split Complementary Color

#6a22b0
```
#6a22b0 rgb(106,34,176)
```
#b06a22
```
#b06a22 rgb(176,106,34)
```
#22b06a
```
#22b06a rgb(34,176,106)
```

Triadic Color

#b02268
```
#b02268 rgb(176,34,104)
```
#b06a22
```
#b06a22 rgb(176,106,34)
```
#22b06a
```
#22b06a rgb(34,176,106)
```
#2268b0
```
#2268b0 rgb(34,104,176)
```

Tetradic Color

#704316
```
#704316 rgb(112,67,22)
```
#85501a
```
#85501a rgb(133,80,26)
```
#9b5d1e
```
#9b5d1e rgb(155,93,30)
```
#b06a22
```
#b06a22 rgb(176,106,34)
```
#c57726
```
#c57726 rgb(197,119,38)
```
#d7842e
```
#d7842e rgb(215,132,46)
```
#db9044
```
#db9044 rgb(219,144,68)
```

Monochromatic Color

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

#b04722
```
#b04722 rgb(176,71,34)
```
#b05222
```
#b05222 rgb(176,82,34)
```
#b05e22
```
#b05e22 rgb(176,94,34)
```
#b06a22
```
#b06a22 rgb(176,106,34)
```
#b07622
```
#b07622 rgb(176,118,34)
```
#b08222
```
#b08222 rgb(176,130,34)
```
#b08e22
```
#b08e22 rgb(176,142,34)
```

Similar Colors

Text with hexadecimal color #b06a22

This text has a font color of #b06a22.

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

#b06a22 background color

This paragraph has a background color of #b06a22.

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

#b06a22 border color

This element has a border color of #b06a22.

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

CSS codes

.text {color:#b06a22;}

.background {background-color:#b06a22;}

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

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 #fefcfa is the lightest one.

#0c0702
```
#0c0702 rgb(12,7,2)
```
#1c1105
```
#1c1105 rgb(28,17,5)
```
#2c1b09
```
#2c1b09 rgb(44,27,9)
```
#3d250c
```
#3d250c rgb(61,37,12)
```
#4d2f0f
```
#4d2f0f rgb(77,47,15)
```
#5e3812
```
#5e3812 rgb(94,56,18)
```
#6e4215
```
#6e4215 rgb(110,66,21)
```
#7f4c18
```
#7f4c18 rgb(127,76,24)
```
#8f561c
```
#8f561c rgb(143,86,28)
```
#a0601f
```
#a0601f rgb(160,96,31)
```
#b06a22
```
#b06a22 rgb(176,106,34)
```
#c07425
```
#c07425 rgb(192,116,37)
```
#d17e28
```
#d17e28 rgb(209,126,40)
```

Shade Color Variation

#d88835
```
#d88835 rgb(216,136,53)
```
#db9145
```
#db9145 rgb(219,145,69)
```
#de9b56
```
#de9b56 rgb(222,155,86)
```
#e1a566
```
#e1a566 rgb(225,165,102)
```
#e5ae77
```
#e5ae77 rgb(229,174,119)
```
#e8b887
```
#e8b887 rgb(232,184,135)
```
#ebc298
```
#ebc298 rgb(235,194,152)
```
#eecca8
```
#eecca8 rgb(238,204,168)
```
#f1d5b8
```
#f1d5b8 rgb(241,213,184)
```
#f5dfc9
```
#f5dfc9 rgb(245,223,201)
```
#f8e9d9
```
#f8e9d9 rgb(248,233,217)
```
#fbf2ea
```
#fbf2ea rgb(251,242,234)
```
#fefcfa
```
#fefcfa rgb(254,252,250)
```

Tint Color Variation

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

#6f6963
```
#6f6963 rgb(111,105,99)
```
#77695b
```
#77695b rgb(119,105,91)
```
#806952
```
#806952 rgb(128,105,82)
```
#88694a
```
#88694a rgb(136,105,74)
```
#906a42
```
#906a42 rgb(144,106,66)
```
#986a3a
```
#986a3a rgb(152,106,58)
```
#a06a32
```
#a06a32 rgb(160,106,50)
```
#a86a2a
```
#a86a2a rgb(168,106,42)
```
#b06a22
```
#b06a22 rgb(176,106,34)
```
#b86a1a
```
#b86a1a rgb(184,106,26)
```
#c06a12
```
#c06a12 rgb(192,106,18)
```
#c86a0a
```
#c86a0a rgb(200,106,10)
```
#d06a02
```
#d06a02 rgb(208,106,2)
```

Tone Color Variation

Below, you can see how #b06a22 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
#827466 Atypical Achromatopsia 0.001% of the population

Dichromacy

#908131 Protanopia 1% of men
#a07b29 Deuteranopia 1% of men
#b76a72 Tritanopia 0.001% of the population

Trichromacy

#9b792c Protanomaly 1% of men, 0.01% of women
#a67526 Deuteranomaly 6% of men, 0.4% of women
#b56a54 Tritanomaly 0.01% of the population

#b06a22 hex color

#b06a22 Color Information

#b06a22 Color Conversion

Color Schemes with #b06a22

Alternatives to #b06a22

#b06a22 Preview

Shades and Tints of #b06a22

Tones of #b06a22

Color Blindness Simulator