#bd6a22 hex color

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

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

● #bd6a22 color description : Strong orange.

The hexadecimal color #bd6a22 has RGB values of R:189, G:106, B:34 and CMYK values of C:0, M:0.44, Y:0.82, K:0.26. Its decimal value is 12413474.

Hex triplet	bd6a22	`#bd6a22`
RGB Decimal	189, 106, 34	`rgb(189,106,34)`
RGB Percent	74.1, 41.6, 13.3	`rgb(74.1%,41.6%,13.3%)`
CMYK	0, 44, 82, 26
HSL	27.9°, 69.5, 43.7	`hsl(27.9,69.5%,43.7%)`
HSV (or HSB)	27.9°, 82, 74.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.216, 28.009, 51.644
XYZ	26.43, 21.245, 4.222
xyY	0.509, 0.409, 21.245
CIE-LCH	53.216, 58.75, 61.527
CIE-LUV	53.216, 67.562, 45.726
Hunter-Lab	46.092, 21.694, 26.833
Binary	10111101, 01101010, 00100010

#bd6a22
```
#bd6a22 rgb(189,106,34)
```
#2275bd
```
#2275bd rgb(34,117,189)
```

Complementary Color

#bd2227
```
#bd2227 rgb(189,34,39)
```
#bd6a22
```
#bd6a22 rgb(189,106,34)
```
#bdb822
```
#bdb822 rgb(189,184,34)
```

Analogous Color

#2227bd
```
#2227bd rgb(34,39,189)
```
#bd6a22
```
#bd6a22 rgb(189,106,34)
```
#22bdb8
```
#22bdb8 rgb(34,189,184)
```

Split Complementary Color

#6a22bd
```
#6a22bd rgb(106,34,189)
```
#bd6a22
```
#bd6a22 rgb(189,106,34)
```
#22bd6a
```
#22bd6a rgb(34,189,106)
```

Triadic Color

#bd2275
```
#bd2275 rgb(189,34,117)
```
#bd6a22
```
#bd6a22 rgb(189,106,34)
```
#22bd6a
```
#22bd6a rgb(34,189,106)
```
#2275bd
```
#2275bd rgb(34,117,189)
```

Tetradic Color

#7c4616
```
#7c4616 rgb(124,70,22)
```
#92521a
```
#92521a rgb(146,82,26)
```
#a75e1e
```
#a75e1e rgb(167,94,30)
```
#bd6a22
```
#bd6a22 rgb(189,106,34)
```
#d37626
```
#d37626 rgb(211,118,38)
```
#db8337
```
#db8337 rgb(219,131,55)
```
#df914d
```
#df914d rgb(223,145,77)
```

Monochromatic Color

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

#bd4322
```
#bd4322 rgb(189,67,34)
```
#bd5022
```
#bd5022 rgb(189,80,34)
```
#bd5d22
```
#bd5d22 rgb(189,93,34)
```
#bd6a22
```
#bd6a22 rgb(189,106,34)
```
#bd7722
```
#bd7722 rgb(189,119,34)
```
#bd8422
```
#bd8422 rgb(189,132,34)
```
#bd9122
```
#bd9122 rgb(189,145,34)
```

Similar Colors

Text with hexadecimal color #bd6a22

This text has a font color of #bd6a22.

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

#bd6a22 background color

This paragraph has a background color of #bd6a22.

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

#bd6a22 border color

This element has a border color of #bd6a22.

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

CSS codes

.text {color:#bd6a22;}

.background {background-color:#bd6a22;}

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

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)
```
#381f0a
```
#381f0a rgb(56,31,10)
```
#49290d
```
#49290d rgb(73,41,13)
```
#593210
```
#593210 rgb(89,50,16)
```
#6a3b13
```
#6a3b13 rgb(106,59,19)
```
#7b4516
```
#7b4516 rgb(123,69,22)
```
#8b4e19
```
#8b4e19 rgb(139,78,25)
```
#9c571c
```
#9c571c rgb(156,87,28)
```
#ac611f
```
#ac611f rgb(172,97,31)
```
#bd6a22
```
#bd6a22 rgb(189,106,34)
```
#ce7325
```
#ce7325 rgb(206,115,37)
```

Shade Color Variation

#d97d2d
```
#d97d2d rgb(217,125,45)
```
#dc873e
```
#dc873e rgb(220,135,62)
```
#df924e
```
#df924e rgb(223,146,78)
```
#e29c5f
```
#e29c5f rgb(226,156,95)
```
#e5a670
```
#e5a670 rgb(229,166,112)
```
#e8b080
```
#e8b080 rgb(232,176,128)
```
#ebbb91
```
#ebbb91 rgb(235,187,145)
```
#eec5a1
```
#eec5a1 rgb(238,197,161)
```
#f1cfb2
```
#f1cfb2 rgb(241,207,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 #d76808 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)
```
#9b6c44
```
#9b6c44 rgb(155,108,68)
```
#a36c3c
```
#a36c3c rgb(163,108,60)
```
#ac6b33
```
#ac6b33 rgb(172,107,51)
```
#b46b2b
```
#b46b2b rgb(180,107,43)
```
#bd6a22
```
#bd6a22 rgb(189,106,34)
```
#c66919
```
#c66919 rgb(198,105,25)
```
#ce6911
```
#ce6911 rgb(206,105,17)
```
#d76808
```
#d76808 rgb(215,104,8)
```

Tone Color Variation

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

#948532 Protanopia 1% of men
#a67f27 Deuteranopia 1% of men
#c36b71 Tritanopia 0.001% of the population

Trichromacy

#a37b2c Protanomaly 1% of men, 0.01% of women
#ae7725 Deuteranomaly 6% of men, 0.4% of women
#c16a54 Tritanomaly 0.01% of the population

#bd6a22 hex color

#bd6a22 Color Information

#bd6a22 Color Conversion

Color Schemes with #bd6a22

Alternatives to #bd6a22

#bd6a22 Preview

Shades and Tints of #bd6a22

Tones of #bd6a22

Color Blindness Simulator