#bd6b22 hex color

In a RGB color space, hex #bd6b22 is composed of 74.1% red, 42% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.4% magenta, 82% yellow and 25.9% black. It has a hue angle of 28.3 degrees, a saturation of 69.5% and a lightness of 43.7%. #bd6b22 color hex could be obtained by blending #ffd644 with #7b0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 74
- G 42
- B 13
RGB color chart
- C 0
- M 43
- Y 82
- K 26
CMYK color chart

● #bd6b22 color description : Strong orange.

The hexadecimal color #bd6b22 has RGB values of R:189, G:107, B:34 and CMYK values of C:0, M:0.43, Y:0.82, K:0.26. Its decimal value is 12413730.

Hex triplet	bd6b22	`#bd6b22`
RGB Decimal	189, 107, 34	`rgb(189,107,34)`
RGB Percent	74.1, 42, 13.3	`rgb(74.1%,42%,13.3%)`
CMYK	0, 43, 82, 26
HSL	28.3°, 69.5, 43.7	`hsl(28.3,69.5%,43.7%)`
HSV (or HSB)	28.3°, 82, 74.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.441, 27.467, 51.847
XYZ	26.534, 21.452, 4.257
xyY	0.508, 0.411, 21.452
CIE-LCH	53.441, 58.673, 62.086
CIE-LUV	53.441, 66.759, 46.098
Hunter-Lab	46.316, 21.205, 26.972
Binary	10111101, 01101011, 00100010

#bd6b22
```
#bd6b22 rgb(189,107,34)
```
#2274bd
```
#2274bd rgb(34,116,189)
```

Complementary Color

#bd2227
```
#bd2227 rgb(189,34,39)
```
#bd6b22
```
#bd6b22 rgb(189,107,34)
```
#bdb922
```
#bdb922 rgb(189,185,34)
```

Analogous Color

#2227bd
```
#2227bd rgb(34,39,189)
```
#bd6b22
```
#bd6b22 rgb(189,107,34)
```
#22bdb9
```
#22bdb9 rgb(34,189,185)
```

Split Complementary Color

#6b22bd
```
#6b22bd rgb(107,34,189)
```
#bd6b22
```
#bd6b22 rgb(189,107,34)
```
#22bd6b
```
#22bd6b rgb(34,189,107)
```

Triadic Color

#bd2274
```
#bd2274 rgb(189,34,116)
```
#bd6b22
```
#bd6b22 rgb(189,107,34)
```
#22bd6b
```
#22bd6b rgb(34,189,107)
```
#2274bd
```
#2274bd rgb(34,116,189)
```

Tetradic Color

#7c4616
```
#7c4616 rgb(124,70,22)
```
#92531a
```
#92531a rgb(146,83,26)
```
#a75f1e
```
#a75f1e rgb(167,95,30)
```
#bd6b22
```
#bd6b22 rgb(189,107,34)
```
#d37726
```
#d37726 rgb(211,119,38)
```
#db8437
```
#db8437 rgb(219,132,55)
```
#df924d
```
#df924d rgb(223,146,77)
```

Monochromatic Color

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

#bd4422
```
#bd4422 rgb(189,68,34)
```
#bd5122
```
#bd5122 rgb(189,81,34)
```
#bd5e22
```
#bd5e22 rgb(189,94,34)
```
#bd6b22
```
#bd6b22 rgb(189,107,34)
```
#bd7822
```
#bd7822 rgb(189,120,34)
```
#bd8522
```
#bd8522 rgb(189,133,34)
```
#bd9222
```
#bd9222 rgb(189,146,34)
```

Similar Colors

Text with hexadecimal color #bd6b22

This text has a font color of #bd6b22.

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

#bd6b22 background color

This paragraph has a background color of #bd6b22.

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

#bd6b22 border color

This element has a border color of #bd6b22.

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

CSS codes

.text {color:#bd6b22;}

.background {background-color:#bd6b22;}

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

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

#060301
```
#060301 rgb(6,3,1)
```
#170d04
```
#170d04 rgb(23,13,4)
```
#271607
```
#271607 rgb(39,22,7)
```
#38200a
```
#38200a rgb(56,32,10)
```
#49290d
```
#49290d rgb(73,41,13)
```
#593310
```
#593310 rgb(89,51,16)
```
#6a3c13
```
#6a3c13 rgb(106,60,19)
```
#7b4516
```
#7b4516 rgb(123,69,22)
```
#8b4f19
```
#8b4f19 rgb(139,79,25)
```
#9c581c
```
#9c581c rgb(156,88,28)
```
#ac621f
```
#ac621f rgb(172,98,31)
```
#bd6b22
```
#bd6b22 rgb(189,107,34)
```
#ce7425
```
#ce7425 rgb(206,116,37)
```

Shade Color Variation

#d97e2d
```
#d97e2d rgb(217,126,45)
```
#dc883e
```
#dc883e rgb(220,136,62)
```
#df934e
```
#df934e rgb(223,147,78)
```
#e29d5f
```
#e29d5f rgb(226,157,95)
```
#e5a770
```
#e5a770 rgb(229,167,112)
```
#e8b180
```
#e8b180 rgb(232,177,128)
```
#ebbb91
```
#ebbb91 rgb(235,187,145)
```
#eec6a1
```
#eec6a1 rgb(238,198,161)
```
#f1d0b2
```
#f1d0b2 rgb(241,208,178)
```
#f4dac3
```
#f4dac3 rgb(244,218,195)
```
#f7e4d3
```
#f7e4d3 rgb(247,228,211)
```
#faeee4
```
#faeee4 rgb(250,238,228)
```
#fdf9f5
```
#fdf9f5 rgb(253,249,245)
```

Tint Color Variation

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

#706f6f
```
#706f6f rgb(112,111,111)
```
#786f67
```
#786f67 rgb(120,111,103)
```
#816e5e
```
#816e5e rgb(129,110,94)
```
#8a6e55
```
#8a6e55 rgb(138,110,85)
```
#926d4d
```
#926d4d rgb(146,109,77)
```
#9b6d44
```
#9b6d44 rgb(155,109,68)
```
#a36c3c
```
#a36c3c rgb(163,108,60)
```
#ac6c33
```
#ac6c33 rgb(172,108,51)
```
#b46b2b
```
#b46b2b rgb(180,107,43)
```
#bd6b22
```
#bd6b22 rgb(189,107,34)
```
#c66b19
```
#c66b19 rgb(198,107,25)
```
#ce6a11
```
#ce6a11 rgb(206,106,17)
```
#d76a08
```
#d76a08 rgb(215,106,8)
```

Tone Color Variation

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

Dichromacy

#958632 Protanopia 1% of men
#a77f27 Deuteranopia 1% of men
#c46b72 Tritanopia 0.001% of the population

Trichromacy

#a37c2c Protanomaly 1% of men, 0.01% of women
#af7825 Deuteranomaly 6% of men, 0.4% of women
#c16b55 Tritanomaly 0.01% of the population

#bd6b22 hex color

#bd6b22 Color Information

#bd6b22 Color Conversion

Color Schemes with #bd6b22

Alternatives to #bd6b22

#bd6b22 Preview

Shades and Tints of #bd6b22

Tones of #bd6b22

Color Blindness Simulator