#bd6f22 hex color

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

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

● #bd6f22 color description : Strong orange.

The hexadecimal color #bd6f22 has RGB values of R:189, G:111, B:34 and CMYK values of C:0, M:0.41, Y:0.82, K:0.26. Its decimal value is 12414754.

Hex triplet	bd6f22	`#bd6f22`
RGB Decimal	189, 111, 34	`rgb(189,111,34)`
RGB Percent	74.1, 43.5, 13.3	`rgb(74.1%,43.5%,13.3%)`
CMYK	0, 41, 82, 26
HSL	29.8°, 69.5, 43.7	`hsl(29.8,69.5%,43.7%)`
HSV (or HSB)	29.8°, 82, 74.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.349, 25.292, 52.666
XYZ	26.96, 22.305, 4.399
xyY	0.502, 0.416, 22.305
CIE-LCH	54.349, 58.424, 64.348
CIE-LUV	54.349, 63.545, 47.598
Hunter-Lab	47.229, 19.246, 27.538
Binary	10111101, 01101111, 00100010

#bd6f22
```
#bd6f22 rgb(189,111,34)
```
#2270bd
```
#2270bd rgb(34,112,189)
```

Complementary Color

#bd2223
```
#bd2223 rgb(189,34,35)
```
#bd6f22
```
#bd6f22 rgb(189,111,34)
```
#bdbd22
```
#bdbd22 rgb(189,189,34)
```

Analogous Color

#2223bd
```
#2223bd rgb(34,35,189)
```
#bd6f22
```
#bd6f22 rgb(189,111,34)
```
#22bdbd
```
#22bdbd rgb(34,189,189)
```

Split Complementary Color

#6f22bd
```
#6f22bd rgb(111,34,189)
```
#bd6f22
```
#bd6f22 rgb(189,111,34)
```
#22bd6f
```
#22bd6f rgb(34,189,111)
```

Triadic Color

#bd2270
```
#bd2270 rgb(189,34,112)
```
#bd6f22
```
#bd6f22 rgb(189,111,34)
```
#22bd6f
```
#22bd6f rgb(34,189,111)
```
#2270bd
```
#2270bd rgb(34,112,189)
```

Tetradic Color

#7c4916
```
#7c4916 rgb(124,73,22)
```
#92561a
```
#92561a rgb(146,86,26)
```
#a7621e
```
#a7621e rgb(167,98,30)
```
#bd6f22
```
#bd6f22 rgb(189,111,34)
```
#d37c26
```
#d37c26 rgb(211,124,38)
```
#db8837
```
#db8837 rgb(219,136,55)
```
#df954d
```
#df954d rgb(223,149,77)
```

Monochromatic Color

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

#bd4822
```
#bd4822 rgb(189,72,34)
```
#bd5522
```
#bd5522 rgb(189,85,34)
```
#bd6222
```
#bd6222 rgb(189,98,34)
```
#bd6f22
```
#bd6f22 rgb(189,111,34)
```
#bd7c22
```
#bd7c22 rgb(189,124,34)
```
#bd8922
```
#bd8922 rgb(189,137,34)
```
#bd9622
```
#bd9622 rgb(189,150,34)
```

Similar Colors

Text with hexadecimal color #bd6f22

This text has a font color of #bd6f22.

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

#bd6f22 background color

This paragraph has a background color of #bd6f22.

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

#bd6f22 border color

This element has a border color of #bd6f22.

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

CSS codes

.text {color:#bd6f22;}

.background {background-color:#bd6f22;}

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

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

#060401
```
#060401 rgb(6,4,1)
```
#170d04
```
#170d04 rgb(23,13,4)
```
#271707
```
#271707 rgb(39,23,7)
```
#38210a
```
#38210a rgb(56,33,10)
```
#492b0d
```
#492b0d rgb(73,43,13)
```
#593410
```
#593410 rgb(89,52,16)
```
#6a3e13
```
#6a3e13 rgb(106,62,19)
```
#7b4816
```
#7b4816 rgb(123,72,22)
```
#8b5219
```
#8b5219 rgb(139,82,25)
```
#9c5b1c
```
#9c5b1c rgb(156,91,28)
```
#ac651f
```
#ac651f rgb(172,101,31)
```
#bd6f22
```
#bd6f22 rgb(189,111,34)
```
#ce7925
```
#ce7925 rgb(206,121,37)
```

Shade Color Variation

#d9832d
```
#d9832d rgb(217,131,45)
```
#dc8c3e
```
#dc8c3e rgb(220,140,62)
```
#df964e
```
#df964e rgb(223,150,78)
```
#e2a05f
```
#e2a05f rgb(226,160,95)
```
#e5aa70
```
#e5aa70 rgb(229,170,112)
```
#e8b480
```
#e8b480 rgb(232,180,128)
```
#ebbe91
```
#ebbe91 rgb(235,190,145)
```
#eec8a1
```
#eec8a1 rgb(238,200,161)
```
#f1d1b2
```
#f1d1b2 rgb(241,209,178)
```
#f4dbc3
```
#f4dbc3 rgb(244,219,195)
```
#f7e5d3
```
#f7e5d3 rgb(247,229,211)
```
#faefe4
```
#faefe4 rgb(250,239,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 #d76f08 is the most saturated one.

#706f6f
```
#706f6f rgb(112,111,111)
```
#786f67
```
#786f67 rgb(120,111,103)
```
#816f5e
```
#816f5e rgb(129,111,94)
```
#8a6f55
```
#8a6f55 rgb(138,111,85)
```
#926f4d
```
#926f4d rgb(146,111,77)
```
#9b6f44
```
#9b6f44 rgb(155,111,68)
```
#a36f3c
```
#a36f3c rgb(163,111,60)
```
#ac6f33
```
#ac6f33 rgb(172,111,51)
```
#b46f2b
```
#b46f2b rgb(180,111,43)
```
#bd6f22
```
#bd6f22 rgb(189,111,34)
```
#c66f19
```
#c66f19 rgb(198,111,25)
```
#ce6f11
```
#ce6f11 rgb(206,111,17)
```
#d76f08
```
#d76f08 rgb(215,111,8)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#8b7b6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#978832 Protanopia 1% of men
#a98228 Deuteranopia 1% of men
#c46f76 Tritanopia 0.001% of the population

Trichromacy

#a57f2c Protanomaly 1% of men, 0.01% of women
#b07b25 Deuteranomaly 6% of men, 0.4% of women
#c16f57 Tritanomaly 0.01% of the population

#bd6f22 hex color

#bd6f22 Color Information

#bd6f22 Color Conversion

Color Schemes with #bd6f22

Alternatives to #bd6f22

#bd6f22 Preview

Shades and Tints of #bd6f22

Tones of #bd6f22

Color Blindness Simulator