#bd531f hex color

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

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

● #bd531f color description : Strong orange.

The hexadecimal color #bd531f has RGB values of R:189, G:83, B:31 and CMYK values of C:0, M:0.56, Y:0.84, K:0.26. Its decimal value is 12407583.

Hex triplet	bd531f	`#bd531f`
RGB Decimal	189, 83, 31	`rgb(189,83,31)`
RGB Percent	74.1, 32.5, 12.2	`rgb(74.1%,32.5%,12.2%)`
CMYK	0, 56, 84, 26
HSL	19.7°, 71.8, 43.1	`hsl(19.7,71.8%,43.1%)`
HSV (or HSB)	19.7°, 83.6, 74.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.394, 39.901, 48.56
XYZ	24.328, 17.107, 3.317
xyY	0.544, 0.382, 17.107
CIE-LCH	48.394, 62.85, 50.591
CIE-LUV	48.394, 86.002, 38.349
Hunter-Lab	41.36, 32.612, 24.197
Binary	10111101, 01010011, 00011111

#bd531f
```
#bd531f rgb(189,83,31)
```
#1f89bd
```
#1f89bd rgb(31,137,189)
```

Complementary Color

#bd1f3a
```
#bd1f3a rgb(189,31,58)
```
#bd531f
```
#bd531f rgb(189,83,31)
```
#bda21f
```
#bda21f rgb(189,162,31)
```

Analogous Color

#1f3abd
```
#1f3abd rgb(31,58,189)
```
#bd531f
```
#bd531f rgb(189,83,31)
```
#1fbda2
```
#1fbda2 rgb(31,189,162)
```

Split Complementary Color

#531fbd
```
#531fbd rgb(83,31,189)
```
#bd531f
```
#bd531f rgb(189,83,31)
```
#1fbd53
```
#1fbd53 rgb(31,189,83)
```

Triadic Color

#bd1f89
```
#bd1f89 rgb(189,31,137)
```
#bd531f
```
#bd531f rgb(189,83,31)
```
#1fbd53
```
#1fbd53 rgb(31,189,83)
```
#1f89bd
```
#1f89bd rgb(31,137,189)
```

Tetradic Color

#7b3614
```
#7b3614 rgb(123,54,20)
```
#914018
```
#914018 rgb(145,64,24)
```
#a7491b
```
#a7491b rgb(167,73,27)
```
#bd531f
```
#bd531f rgb(189,83,31)
```
#d35d23
```
#d35d23 rgb(211,93,35)
```
#dd6a32
```
#dd6a32 rgb(221,106,50)
```
#e17a48
```
#e17a48 rgb(225,122,72)
```

Monochromatic Color

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

#bd2c1f
```
#bd2c1f rgb(189,44,31)
```
#bd391f
```
#bd391f rgb(189,57,31)
```
#bd461f
```
#bd461f rgb(189,70,31)
```
#bd531f
```
#bd531f rgb(189,83,31)
```
#bd601f
```
#bd601f rgb(189,96,31)
```
#bd6d1f
```
#bd6d1f rgb(189,109,31)
```
#bd7b1f
```
#bd7b1f rgb(189,123,31)
```

Similar Colors

Text with hexadecimal color #bd531f

This text has a font color of #bd531f.

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

#bd531f background color

This paragraph has a background color of #bd531f.

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

#bd531f border color

This element has a border color of #bd531f.

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

CSS codes

.text {color:#bd531f;}

.background {background-color:#bd531f;}

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

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)
```
#58270e
```
#58270e rgb(88,39,14)
```
#692e11
```
#692e11 rgb(105,46,17)
```
#7a3514
```
#7a3514 rgb(122,53,20)
```
#8a3d17
```
#8a3d17 rgb(138,61,23)
```
#9b4419
```
#9b4419 rgb(155,68,25)
```
#ac4c1c
```
#ac4c1c rgb(172,76,28)
```
#bd531f
```
#bd531f rgb(189,83,31)
```
#ce5a22
```
#ce5a22 rgb(206,90,34)
```

Shade Color Variation

#dc6328
```
#dc6328 rgb(220,99,40)
```
#de6f38
```
#de6f38 rgb(222,111,56)
```
#e17b49
```
#e17b49 rgb(225,123,73)
```
#e4875a
```
#e4875a rgb(228,135,90)
```
#e7946b
```
#e7946b rgb(231,148,107)
```
#e9a07c
```
#e9a07c rgb(233,160,124)
```
#ecac8d
```
#ecac8d rgb(236,172,141)
```
#efb89e
```
#efb89e rgb(239,184,158)
```
#f2c5ae
```
#f2c5ae rgb(242,197,174)
```
#f5d1bf
```
#f5d1bf rgb(245,209,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 #d64a06 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)
```
#9b5f41
```
#9b5f41 rgb(155,95,65)
```
#a45c38
```
#a45c38 rgb(164,92,56)
```
#ac5930
```
#ac5930 rgb(172,89,48)
```
#b55627
```
#b55627 rgb(181,86,39)
```
#bd531f
```
#bd531f rgb(189,83,31)
```
#c55017
```
#c55017 rgb(197,80,23)
```
#ce4d0e
```
#ce4d0e rgb(206,77,14)
```
#d64a06
```
#d64a06 rgb(214,74,6)
```

Tone Color Variation

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

Dichromacy

#877a32 Protanopia 1% of men
#987420 Deuteranopia 1% of men
#c2565b Tritanopia 0.001% of the population

Trichromacy

#9b6c2b Protanomaly 1% of men, 0.01% of women
#a5681f Deuteranomaly 6% of men, 0.4% of women
#c05545 Tritanomaly 0.01% of the population

#bd531f hex color

#bd531f Color Information

#bd531f Color Conversion

Color Schemes with #bd531f

Alternatives to #bd531f

#bd531f Preview

Shades and Tints of #bd531f

Tones of #bd531f

Color Blindness Simulator