#bd5222 hex color

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

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

● #bd5222 color description : Strong orange.

The hexadecimal color #bd5222 has RGB values of R:189, G:82, B:34 and CMYK values of C:0, M:0.57, Y:0.82, K:0.26. Its decimal value is 12407330.

Hex triplet	bd5222	`#bd5222`
RGB Decimal	189, 82, 34	`rgb(189,82,34)`
RGB Percent	74.1, 32.2, 13.3	`rgb(74.1%,32.2%,13.3%)`
CMYK	0, 57, 82, 26
HSL	18.6°, 69.5, 43.7	`hsl(18.6,69.5%,43.7%)`
HSV (or HSB)	18.6°, 82, 74.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.224, 40.484, 47.08
XYZ	24.293, 16.971, 3.51
xyY	0.543, 0.379, 16.971
CIE-LCH	48.224, 62.093, 49.308
CIE-LUV	48.224, 86.478, 37.28
Hunter-Lab	41.196, 33.167, 23.786
Binary	10111101, 01010010, 00100010

#bd5222
```
#bd5222 rgb(189,82,34)
```
#228dbd
```
#228dbd rgb(34,141,189)
```

Complementary Color

#bd223f
```
#bd223f rgb(189,34,63)
```
#bd5222
```
#bd5222 rgb(189,82,34)
```
#bda022
```
#bda022 rgb(189,160,34)
```

Analogous Color

#223fbd
```
#223fbd rgb(34,63,189)
```
#bd5222
```
#bd5222 rgb(189,82,34)
```
#22bda0
```
#22bda0 rgb(34,189,160)
```

Split Complementary Color

#5222bd
```
#5222bd rgb(82,34,189)
```
#bd5222
```
#bd5222 rgb(189,82,34)
```
#22bd52
```
#22bd52 rgb(34,189,82)
```

Triadic Color

#bd228d
```
#bd228d rgb(189,34,141)
```
#bd5222
```
#bd5222 rgb(189,82,34)
```
#22bd52
```
#22bd52 rgb(34,189,82)
```
#228dbd
```
#228dbd rgb(34,141,189)
```

Tetradic Color

#7c3616
```
#7c3616 rgb(124,54,22)
```
#923f1a
```
#923f1a rgb(146,63,26)
```
#a7491e
```
#a7491e rgb(167,73,30)
```
#bd5222
```
#bd5222 rgb(189,82,34)
```
#d35b26
```
#d35b26 rgb(211,91,38)
```
#db6a37
```
#db6a37 rgb(219,106,55)
```
#df7a4d
```
#df7a4d rgb(223,122,77)
```

Monochromatic Color

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

#bd2b22
```
#bd2b22 rgb(189,43,34)
```
#bd3822
```
#bd3822 rgb(189,56,34)
```
#bd4522
```
#bd4522 rgb(189,69,34)
```
#bd5222
```
#bd5222 rgb(189,82,34)
```
#bd5f22
```
#bd5f22 rgb(189,95,34)
```
#bd6c22
```
#bd6c22 rgb(189,108,34)
```
#bd7922
```
#bd7922 rgb(189,121,34)
```

Similar Colors

Text with hexadecimal color #bd5222

This text has a font color of #bd5222.

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

#bd5222 background color

This paragraph has a background color of #bd5222.

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

#bd5222 border color

This element has a border color of #bd5222.

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

CSS codes

.text {color:#bd5222;}

.background {background-color:#bd5222;}

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

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

#060301
```
#060301 rgb(6,3,1)
```
#170a04
```
#170a04 rgb(23,10,4)
```
#271107
```
#271107 rgb(39,17,7)
```
#38180a
```
#38180a rgb(56,24,10)
```
#49200d
```
#49200d rgb(73,32,13)
```
#592710
```
#592710 rgb(89,39,16)
```
#6a2e13
```
#6a2e13 rgb(106,46,19)
```
#7b3516
```
#7b3516 rgb(123,53,22)
```
#8b3c19
```
#8b3c19 rgb(139,60,25)
```
#9c441c
```
#9c441c rgb(156,68,28)
```
#ac4b1f
```
#ac4b1f rgb(172,75,31)
```
#bd5222
```
#bd5222 rgb(189,82,34)
```
#ce5925
```
#ce5925 rgb(206,89,37)
```

Shade Color Variation

#d9622d
```
#d9622d rgb(217,98,45)
```
#dc6f3e
```
#dc6f3e rgb(220,111,62)
```
#df7b4e
```
#df7b4e rgb(223,123,78)
```
#e2885f
```
#e2885f rgb(226,136,95)
```
#e59470
```
#e59470 rgb(229,148,112)
```
#e8a080
```
#e8a080 rgb(232,160,128)
```
#ebad91
```
#ebad91 rgb(235,173,145)
```
#eeb9a1
```
#eeb9a1 rgb(238,185,161)
```
#f1c6b2
```
#f1c6b2 rgb(241,198,178)
```
#f4d2c3
```
#f4d2c3 rgb(244,210,195)
```
#f7ded3
```
#f7ded3 rgb(247,222,211)
```
#faebe4
```
#faebe4 rgb(250,235,228)
```
#fdf7f5
```
#fdf7f5 rgb(253,247,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 #d74808 is the most saturated one.

#706f6f
```
#706f6f rgb(112,111,111)
```
#786c67
```
#786c67 rgb(120,108,103)
```
#81695e
```
#81695e rgb(129,105,94)
```
#8a6655
```
#8a6655 rgb(138,102,85)
```
#92624d
```
#92624d rgb(146,98,77)
```
#9b5f44
```
#9b5f44 rgb(155,95,68)
```
#a35c3c
```
#a35c3c rgb(163,92,60)
```
#ac5933
```
#ac5933 rgb(172,89,51)
```
#b4552b
```
#b4552b rgb(180,85,43)
```
#bd5222
```
#bd5222 rgb(189,82,34)
```
#c64f19
```
#c64f19 rgb(198,79,25)
```
#ce4b11
```
#ce4b11 rgb(206,75,17)
```
#d74808
```
#d74808 rgb(215,72,8)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#7d685e Atypical Achromatopsia 0.001% of the population

Dichromacy

#877935 Protanopia 1% of men
#977423 Deuteranopia 1% of men
#c2565b Tritanopia 0.001% of the population

Trichromacy

#9a6b2e Protanomaly 1% of men, 0.01% of women
#a56723 Deuteranomaly 6% of men, 0.4% of women
#c05446 Tritanomaly 0.01% of the population

#bd5222 hex color

#bd5222 Color Information

#bd5222 Color Conversion

Color Schemes with #bd5222

Alternatives to #bd5222

#bd5222 Preview

Shades and Tints of #bd5222

Tones of #bd5222

Color Blindness Simulator