#bd522a hex color

In a RGB color space, hex #bd522a is composed of 74.1% red, 32.2% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.6% magenta, 77.8% yellow and 25.9% black. It has a hue angle of 16.3 degrees, a saturation of 63.6% and a lightness of 45.3%. #bd522a color hex could be obtained by blending #ffa454 with #7b0000. Closest websafe color is: #cc6633.

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

● #bd522a color description : Strong orange.

The hexadecimal color #bd522a has RGB values of R:189, G:82, B:42 and CMYK values of C:0, M:0.57, Y:0.78, K:0.26. Its decimal value is 12407338.

Hex triplet	bd522a	`#bd522a`
RGB Decimal	189, 82, 42	`rgb(189,82,42)`
RGB Percent	74.1, 32.2, 16.5	`rgb(74.1%,32.2%,16.5%)`
CMYK	0, 57, 78, 26
HSL	16.3°, 63.6, 45.3	`hsl(16.3,63.6%,45.3%)`
HSV (or HSB)	16.3°, 77.8, 74.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.289, 40.765, 43.32
XYZ	24.422, 17.023, 4.19
xyY	0.535, 0.373, 17.023
CIE-LCH	48.289, 59.485, 46.741
CIE-LUV	48.289, 85.58, 34.991
Hunter-Lab	41.259, 33.456, 22.86
Binary	10111101, 01010010, 00101010

#bd522a
```
#bd522a rgb(189,82,42)
```
#2a95bd
```
#2a95bd rgb(42,149,189)
```

Complementary Color

#bd2a4c
```
#bd2a4c rgb(189,42,76)
```
#bd522a
```
#bd522a rgb(189,82,42)
```
#bd9c2a
```
#bd9c2a rgb(189,156,42)
```

Analogous Color

#2a4cbd
```
#2a4cbd rgb(42,76,189)
```
#bd522a
```
#bd522a rgb(189,82,42)
```
#2abd9c
```
#2abd9c rgb(42,189,156)
```

Split Complementary Color

#522abd
```
#522abd rgb(82,42,189)
```
#bd522a
```
#bd522a rgb(189,82,42)
```
#2abd52
```
#2abd52 rgb(42,189,82)
```

Triadic Color

#bd2a95
```
#bd2a95 rgb(189,42,149)
```
#bd522a
```
#bd522a rgb(189,82,42)
```
#2abd52
```
#2abd52 rgb(42,189,82)
```
#2a95bd
```
#2a95bd rgb(42,149,189)
```

Tetradic Color

#7e371c
```
#7e371c rgb(126,55,28)
```
#934021
```
#934021 rgb(147,64,33)
```
#a84925
```
#a84925 rgb(168,73,37)
```
#bd522a
```
#bd522a rgb(189,82,42)
```
#d15b30
```
#d15b30 rgb(209,91,48)
```
#d66c44
```
#d66c44 rgb(214,108,68)
```
#da7c59
```
#da7c59 rgb(218,124,89)
```

Monochromatic Color

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

#bd2d2a
```
#bd2d2a rgb(189,45,42)
```
#bd392a
```
#bd392a rgb(189,57,42)
```
#bd462a
```
#bd462a rgb(189,70,42)
```
#bd522a
```
#bd522a rgb(189,82,42)
```
#bd5e2a
```
#bd5e2a rgb(189,94,42)
```
#bd6b2a
```
#bd6b2a rgb(189,107,42)
```
#bd772a
```
#bd772a rgb(189,119,42)
```

Similar Colors

Text with hexadecimal color #bd522a

This text has a font color of #bd522a.

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

#bd522a background color

This paragraph has a background color of #bd522a.

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

#bd522a border color

This element has a border color of #bd522a.

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

CSS codes

.text {color:#bd522a;}

.background {background-color:#bd522a;}

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

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

#0c0503
```
#0c0503 rgb(12,5,3)
```
#1d0c06
```
#1d0c06 rgb(29,12,6)
```
#2d130a
```
#2d130a rgb(45,19,10)
```
#3d1a0d
```
#3d1a0d rgb(61,26,13)
```
#4d2111
```
#4d2111 rgb(77,33,17)
```
#5d2815
```
#5d2815 rgb(93,40,21)
```
#6d2f18
```
#6d2f18 rgb(109,47,24)
```
#7d361c
```
#7d361c rgb(125,54,28)
```
#8d3d1f
```
#8d3d1f rgb(141,61,31)
```
#9d4423
```
#9d4423 rgb(157,68,35)
```
#ad4b26
```
#ad4b26 rgb(173,75,38)
```
#bd522a
```
#bd522a rgb(189,82,42)
```
#cd592e
```
#cd592e rgb(205,89,46)
```

Shade Color Variation

#d3643b
```
#d3643b rgb(211,100,59)
```
#d7714b
```
#d7714b rgb(215,113,75)
```
#db7e5b
```
#db7e5b rgb(219,126,91)
```
#de8a6b
```
#de8a6b rgb(222,138,107)
```
#e2977b
```
#e2977b rgb(226,151,123)
```
#e5a48b
```
#e5a48b rgb(229,164,139)
```
#e9b09b
```
#e9b09b rgb(233,176,155)
```
#ecbdab
```
#ecbdab rgb(236,189,171)
```
#f0cabb
```
#f0cabb rgb(240,202,187)
```
#f4d6cb
```
#f4d6cb rgb(244,214,203)
```
#f7e3db
```
#f7e3db rgb(247,227,219)
```
#fbf0eb
```
#fbf0eb rgb(251,240,235)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#767271
```
#767271 rgb(118,114,113)
```
#7f6e68
```
#7f6e68 rgb(127,110,104)
```
#886a5f
```
#886a5f rgb(136,106,95)
```
#916656
```
#916656 rgb(145,102,86)
```
#99624e
```
#99624e rgb(153,98,78)
```
#a25e45
```
#a25e45 rgb(162,94,69)
```
#ab5a3c
```
#ab5a3c rgb(171,90,60)
```
#b45633
```
#b45633 rgb(180,86,51)
```
#bd522a
```
#bd522a rgb(189,82,42)
```
#c64e21
```
#c64e21 rgb(198,78,33)
```
#cf4a18
```
#cf4a18 rgb(207,74,24)
```
#d8460f
```
#d8460f rgb(216,70,15)
```
#e14206
```
#e14206 rgb(225,66,6)
```

Tone Color Variation

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

Dichromacy

#867a3d Protanopia 1% of men
#97742d Deuteranopia 1% of men
#c2565b Tritanopia 0.001% of the population

Trichromacy

#9a6b36 Protanomaly 1% of men, 0.01% of women
#a4672b Deuteranomaly 6% of men, 0.4% of women
#c05449 Tritanomaly 0.01% of the population

#bd522a hex color

#bd522a Color Information

#bd522a Color Conversion

Color Schemes with #bd522a

Alternatives to #bd522a

#bd522a Preview

Shades and Tints of #bd522a

Tones of #bd522a

Color Blindness Simulator