#bd521f hex color

In a RGB color space, hex #bd521f is composed of 74.1% red, 32.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.6% magenta, 83.6% yellow and 25.9% black. It has a hue angle of 19.4 degrees, a saturation of 71.8% and a lightness of 43.1%. #bd521f color hex could be obtained by blending #ffa43e with #7b0000. Closest websafe color is: #cc6633.

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

● #bd521f color description : Strong orange.

The hexadecimal color #bd521f has RGB values of R:189, G:82, B:31 and CMYK values of C:0, M:0.57, Y:0.84, K:0.26. Its decimal value is 12407327.

Hex triplet	bd521f	`#bd521f`
RGB Decimal	189, 82, 31	`rgb(189,82,31)`
RGB Percent	74.1, 32.2, 12.2	`rgb(74.1%,32.2%,12.2%)`
CMYK	0, 57, 84, 26
HSL	19.4°, 71.8, 43.1	`hsl(19.4,71.8%,43.1%)`
HSV (or HSB)	19.4°, 83.6, 74.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.203, 40.394, 48.39
XYZ	24.252, 16.955, 3.292
xyY	0.545, 0.381, 16.955
CIE-LCH	48.203, 63.034, 50.146
CIE-LUV	48.203, 86.769, 38.022
Hunter-Lab	41.176, 33.074, 24.083
Binary	10111101, 01010010, 00011111

#bd521f
```
#bd521f rgb(189,82,31)
```
#1f8abd
```
#1f8abd rgb(31,138,189)
```

Complementary Color

#bd1f3b
```
#bd1f3b rgb(189,31,59)
```
#bd521f
```
#bd521f rgb(189,82,31)
```
#bda11f
```
#bda11f rgb(189,161,31)
```

Analogous Color

#1f3bbd
```
#1f3bbd rgb(31,59,189)
```
#bd521f
```
#bd521f rgb(189,82,31)
```
#1fbda1
```
#1fbda1 rgb(31,189,161)
```

Split Complementary Color

#521fbd
```
#521fbd rgb(82,31,189)
```
#bd521f
```
#bd521f rgb(189,82,31)
```
#1fbd52
```
#1fbd52 rgb(31,189,82)
```

Triadic Color

#bd1f8a
```
#bd1f8a rgb(189,31,138)
```
#bd521f
```
#bd521f rgb(189,82,31)
```
#1fbd52
```
#1fbd52 rgb(31,189,82)
```
#1f8abd
```
#1f8abd rgb(31,138,189)
```

Tetradic Color

#7b3514
```
#7b3514 rgb(123,53,20)
```
#913f18
```
#913f18 rgb(145,63,24)
```
#a7481b
```
#a7481b rgb(167,72,27)
```
#bd521f
```
#bd521f rgb(189,82,31)
```
#d35c23
```
#d35c23 rgb(211,92,35)
```
#dd6932
```
#dd6932 rgb(221,105,50)
```
#e17948
```
#e17948 rgb(225,121,72)
```

Monochromatic Color

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

#bd2b1f
```
#bd2b1f rgb(189,43,31)
```
#bd381f
```
#bd381f rgb(189,56,31)
```
#bd451f
```
#bd451f rgb(189,69,31)
```
#bd521f
```
#bd521f rgb(189,82,31)
```
#bd5f1f
```
#bd5f1f rgb(189,95,31)
```
#bd6c1f
```
#bd6c1f rgb(189,108,31)
```
#bd7a1f
```
#bd7a1f rgb(189,122,31)
```

Similar Colors

Text with hexadecimal color #bd521f

This text has a font color of #bd521f.

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

#bd521f background color

This paragraph has a background color of #bd521f.

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

#bd521f border color

This element has a border color of #bd521f.

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

CSS codes

.text {color:#bd521f;}

.background {background-color:#bd521f;}

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

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

#040201
```
#040201 rgb(4,2,1)
```
#140903
```
#140903 rgb(20,9,3)
```
#251006
```
#251006 rgb(37,16,6)
```
#361809
```
#361809 rgb(54,24,9)
```
#471f0c
```
#471f0c rgb(71,31,12)
```
#58260e
```
#58260e rgb(88,38,14)
```
#692d11
```
#692d11 rgb(105,45,17)
```
#7a3514
```
#7a3514 rgb(122,53,20)
```
#8a3c17
```
#8a3c17 rgb(138,60,23)
```
#9b4319
```
#9b4319 rgb(155,67,25)
```
#ac4b1c
```
#ac4b1c rgb(172,75,28)
```
#bd521f
```
#bd521f rgb(189,82,31)
```
#ce5922
```
#ce5922 rgb(206,89,34)
```

Shade Color Variation

#dc6228
```
#dc6228 rgb(220,98,40)
```
#de6e38
```
#de6e38 rgb(222,110,56)
```
#e17a49
```
#e17a49 rgb(225,122,73)
```
#e4875a
```
#e4875a rgb(228,135,90)
```
#e7936b
```
#e7936b rgb(231,147,107)
```
#e99f7c
```
#e99f7c rgb(233,159,124)
```
#ecac8d
```
#ecac8d rgb(236,172,141)
```
#efb89e
```
#efb89e rgb(239,184,158)
```
#f2c4ae
```
#f2c4ae rgb(242,196,174)
```
#f5d0bf
```
#f5d0bf rgb(245,208,191)
```
#f7ddd0
```
#f7ddd0 rgb(247,221,208)
```
#fae9e1
```
#fae9e1 rgb(250,233,225)
```
#fdf5f2
```
#fdf5f2 rgb(253,245,242)
```

Tint Color Variation

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

#716d6b
```
#716d6b rgb(113,109,107)
```
#796a63
```
#796a63 rgb(121,106,99)
```
#82675a
```
#82675a rgb(130,103,90)
```
#8a6452
```
#8a6452 rgb(138,100,82)
```
#936149
```
#936149 rgb(147,97,73)
```
#9b5e41
```
#9b5e41 rgb(155,94,65)
```
#a45b38
```
#a45b38 rgb(164,91,56)
```
#ac5830
```
#ac5830 rgb(172,88,48)
```
#b55527
```
#b55527 rgb(181,85,39)
```
#bd521f
```
#bd521f rgb(189,82,31)
```
#c54f17
```
#c54f17 rgb(197,79,23)
```
#ce4c0e
```
#ce4c0e rgb(206,76,14)
```
#d64906
```
#d64906 rgb(214,73,6)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#7c675d Atypical Achromatopsia 0.001% of the population

Dichromacy

#877932 Protanopia 1% of men
#977320 Deuteranopia 1% of men
#c2555b Tritanopia 0.001% of the population

Trichromacy

#9a6b2b Protanomaly 1% of men, 0.01% of women
#a5671f Deuteranomaly 6% of men, 0.4% of women
#c05445 Tritanomaly 0.01% of the population

#bd521f hex color

#bd521f Color Information

#bd521f Color Conversion

Color Schemes with #bd521f

Alternatives to #bd521f

#bd521f Preview

Shades and Tints of #bd521f

Tones of #bd521f

Color Blindness Simulator