#bd522c hex color

In a RGB color space, hex #bd522c is composed of 74.1% red, 32.2% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.6% magenta, 76.7% yellow and 25.9% black. It has a hue angle of 15.7 degrees, a saturation of 62.2% and a lightness of 45.7%. #bd522c color hex could be obtained by blending #ffa458 with #7b0000. Closest websafe color is: #cc6633.

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

● #bd522c color description : Strong orange.

The hexadecimal color #bd522c has RGB values of R:189, G:82, B:44 and CMYK values of C:0, M:0.57, Y:0.77, K:0.26. Its decimal value is 12407340.

Hex triplet	bd522c	`#bd522c`
RGB Decimal	189, 82, 44	`rgb(189,82,44)`
RGB Percent	74.1, 32.2, 17.3	`rgb(74.1%,32.2%,17.3%)`
CMYK	0, 57, 77, 26
HSL	15.7°, 62.2, 45.7	`hsl(15.7,62.2%,45.7%)`
HSV (or HSB)	15.7°, 76.7, 74.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.308, 40.844, 42.329
XYZ	24.459, 17.038, 4.383
xyY	0.533, 0.371, 17.038
CIE-LCH	48.308, 58.822, 46.023
CIE-LUV	48.308, 85.329, 34.348
Hunter-Lab	41.277, 33.538, 22.597
Binary	10111101, 01010010, 00101100

#bd522c
```
#bd522c rgb(189,82,44)
```
#2c97bd
```
#2c97bd rgb(44,151,189)
```

Complementary Color

#bd2c4f
```
#bd2c4f rgb(189,44,79)
```
#bd522c
```
#bd522c rgb(189,82,44)
```
#bd9b2c
```
#bd9b2c rgb(189,155,44)
```

Analogous Color

#2c4fbd
```
#2c4fbd rgb(44,79,189)
```
#bd522c
```
#bd522c rgb(189,82,44)
```
#2cbd9b
```
#2cbd9b rgb(44,189,155)
```

Split Complementary Color

#522cbd
```
#522cbd rgb(82,44,189)
```
#bd522c
```
#bd522c rgb(189,82,44)
```
#2cbd52
```
#2cbd52 rgb(44,189,82)
```

Triadic Color

#bd2c97
```
#bd2c97 rgb(189,44,151)
```
#bd522c
```
#bd522c rgb(189,82,44)
```
#2cbd52
```
#2cbd52 rgb(44,189,82)
```
#2c97bd
```
#2c97bd rgb(44,151,189)
```

Tetradic Color

#7f371e
```
#7f371e rgb(127,55,30)
```
#944022
```
#944022 rgb(148,64,34)
```
#a84927
```
#a84927 rgb(168,73,39)
```
#bd522c
```
#bd522c rgb(189,82,44)
```
#d05c33
```
#d05c33 rgb(208,92,51)
```
#d46d48
```
#d46d48 rgb(212,109,72)
```
#d97d5c
```
#d97d5c rgb(217,125,92)
```

Monochromatic Color

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

#bd2e2c
```
#bd2e2c rgb(189,46,44)
```
#bd3a2c
```
#bd3a2c rgb(189,58,44)
```
#bd462c
```
#bd462c rgb(189,70,44)
```
#bd522c
```
#bd522c rgb(189,82,44)
```
#bd5e2c
```
#bd5e2c rgb(189,94,44)
```
#bd6a2c
```
#bd6a2c rgb(189,106,44)
```
#bd762c
```
#bd762c rgb(189,118,44)
```

Similar Colors

Text with hexadecimal color #bd522c

This text has a font color of #bd522c.

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

#bd522c background color

This paragraph has a background color of #bd522c.

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

#bd522c border color

This element has a border color of #bd522c.

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

CSS codes

.text {color:#bd522c;}

.background {background-color:#bd522c;}

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

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, #0e0603 is the darkest color, while #fffdfd is the lightest one.

#0e0603
```
#0e0603 rgb(14,6,3)
```
#1e0d07
```
#1e0d07 rgb(30,13,7)
```
#2e140b
```
#2e140b rgb(46,20,11)
```
#3e1b0e
```
#3e1b0e rgb(62,27,14)
```
#4e2212
```
#4e2212 rgb(78,34,18)
```
#5e2916
```
#5e2916 rgb(94,41,22)
```
#6d2f19
```
#6d2f19 rgb(109,47,25)
```
#7d361d
```
#7d361d rgb(125,54,29)
```
#8d3d21
```
#8d3d21 rgb(141,61,33)
```
#9d4425
```
#9d4425 rgb(157,68,37)
```
#ad4b28
```
#ad4b28 rgb(173,75,40)
```
#bd522c
```
#bd522c rgb(189,82,44)
```
#cd5930
```
#cd5930 rgb(205,89,48)
```

Shade Color Variation

#d2653e
```
#d2653e rgb(210,101,62)
```
#d6724e
```
#d6724e rgb(214,114,78)
```
#da7e5e
```
#da7e5e rgb(218,126,94)
```
#dd8b6e
```
#dd8b6e rgb(221,139,110)
```
#e1987e
```
#e1987e rgb(225,152,126)
```
#e5a48e
```
#e5a48e rgb(229,164,142)
```
#e8b19e
```
#e8b19e rgb(232,177,158)
```
#ecbeae
```
#ecbeae rgb(236,190,174)
```
#f0cbbd
```
#f0cbbd rgb(240,203,189)
```
#f3d7cd
```
#f3d7cd rgb(243,215,205)
```
#f7e4dd
```
#f7e4dd rgb(247,228,221)
```
#fbf1ed
```
#fbf1ed rgb(251,241,237)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#757474
```
#757474 rgb(117,116,116)
```
#7e706b
```
#7e706b rgb(126,112,107)
```
#876c62
```
#876c62 rgb(135,108,98)
```
#906759
```
#906759 rgb(144,103,89)
```
#996350
```
#996350 rgb(153,99,80)
```
#a25f47
```
#a25f47 rgb(162,95,71)
```
#ab5b3e
```
#ab5b3e rgb(171,91,62)
```
#b45635
```
#b45635 rgb(180,86,53)
```
#bd522c
```
#bd522c rgb(189,82,44)
```
#c64e23
```
#c64e23 rgb(198,78,35)
```
#cf491a
```
#cf491a rgb(207,73,26)
```
#d84511
```
#d84511 rgb(216,69,17)
```
#e14108
```
#e14108 rgb(225,65,8)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#7e6861 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867a3f Protanopia 1% of men
#96742f Deuteranopia 1% of men
#c2565b Tritanopia 0.001% of the population

Trichromacy

#9a6b38 Protanomaly 1% of men, 0.01% of women
#a4672e Deuteranomaly 6% of men, 0.4% of women
#c0544a Tritanomaly 0.01% of the population

#bd522c hex color

#bd522c Color Information

#bd522c Color Conversion

Color Schemes with #bd522c

Alternatives to #bd522c

#bd522c Preview

Shades and Tints of #bd522c

Tones of #bd522c

Color Blindness Simulator