#bd531e hex color

In a RGB color space, hex #bd531e is composed of 74.1% red, 32.5% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.1% magenta, 84.1% yellow and 25.9% black. It has a hue angle of 20 degrees, a saturation of 72.6% and a lightness of 42.9%. #bd531e color hex could be obtained by blending #ffa63c 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

● #bd531e color description : Strong orange.

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

Hex triplet	bd531e	`#bd531e`
RGB Decimal	189, 83, 30	`rgb(189,83,30)`
RGB Percent	74.1, 32.5, 11.8	`rgb(74.1%,32.5%,11.8%)`
CMYK	0, 56, 84, 26
HSL	20°, 72.6, 42.9	`hsl(20,72.6%,42.9%)`
HSV (or HSB)	20°, 84.1, 74.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.388, 39.872, 48.981
XYZ	24.315, 17.102, 3.249
xyY	0.544, 0.383, 17.102
CIE-LCH	48.388, 63.158, 50.853
CIE-LUV	48.388, 86.093, 38.582
Hunter-Lab	41.354, 32.583, 24.29
Binary	10111101, 01010011, 00011110

#bd531e
```
#bd531e rgb(189,83,30)
```
#1e88bd
```
#1e88bd rgb(30,136,189)
```

Complementary Color

#bd1e38
```
#bd1e38 rgb(189,30,56)
```
#bd531e
```
#bd531e rgb(189,83,30)
```
#bda31e
```
#bda31e rgb(189,163,30)
```

Analogous Color

#1e38bd
```
#1e38bd rgb(30,56,189)
```
#bd531e
```
#bd531e rgb(189,83,30)
```
#1ebda3
```
#1ebda3 rgb(30,189,163)
```

Split Complementary Color

#531ebd
```
#531ebd rgb(83,30,189)
```
#bd531e
```
#bd531e rgb(189,83,30)
```
#1ebd53
```
#1ebd53 rgb(30,189,83)
```

Triadic Color

#bd1e88
```
#bd1e88 rgb(189,30,136)
```
#bd531e
```
#bd531e rgb(189,83,30)
```
#1ebd53
```
#1ebd53 rgb(30,189,83)
```
#1e88bd
```
#1e88bd rgb(30,136,189)
```

Tetradic Color

#7b3614
```
#7b3614 rgb(123,54,20)
```
#914017
```
#914017 rgb(145,64,23)
```
#a7491b
```
#a7491b rgb(167,73,27)
```
#bd531e
```
#bd531e rgb(189,83,30)
```
#d35d21
```
#d35d21 rgb(211,93,33)
```
#de6a30
```
#de6a30 rgb(222,106,48)
```
#e27a46
```
#e27a46 rgb(226,122,70)
```

Monochromatic Color

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

#bd2b1e
```
#bd2b1e rgb(189,43,30)
```
#bd391e
```
#bd391e rgb(189,57,30)
```
#bd461e
```
#bd461e rgb(189,70,30)
```
#bd531e
```
#bd531e rgb(189,83,30)
```
#bd601e
```
#bd601e rgb(189,96,30)
```
#bd6e1e
```
#bd6e1e rgb(189,110,30)
```
#bd7b1e
```
#bd7b1e rgb(189,123,30)
```

Similar Colors

Text with hexadecimal color #bd531e

This text has a font color of #bd531e.

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

#bd531e background color

This paragraph has a background color of #bd531e.

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

#bd531e border color

This element has a border color of #bd531e.

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

CSS codes

.text {color:#bd531e;}

.background {background-color:#bd531e;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#140903
```
#140903 rgb(20,9,3)
```
#251006
```
#251006 rgb(37,16,6)
```
#361809
```
#361809 rgb(54,24,9)
```
#471f0b
```
#471f0b rgb(71,31,11)
```
#57260e
```
#57260e rgb(87,38,14)
```
#682e11
```
#682e11 rgb(104,46,17)
```
#793513
```
#793513 rgb(121,53,19)
```
#8a3d16
```
#8a3d16 rgb(138,61,22)
```
#9b4419
```
#9b4419 rgb(155,68,25)
```
#ac4c1b
```
#ac4c1b rgb(172,76,27)
```
#bd531e
```
#bd531e rgb(189,83,30)
```
#ce5a21
```
#ce5a21 rgb(206,90,33)
```

Shade Color Variation

#dd6326
```
#dd6326 rgb(221,99,38)
```
#df6f37
```
#df6f37 rgb(223,111,55)
```
#e27b48
```
#e27b48 rgb(226,123,72)
```
#e58759
```
#e58759 rgb(229,135,89)
```
#e79369
```
#e79369 rgb(231,147,105)
```
#eaa07a
```
#eaa07a rgb(234,160,122)
```
#edac8b
```
#edac8b rgb(237,172,139)
```
#efb89c
```
#efb89c rgb(239,184,156)
```
#f2c4ad
```
#f2c4ad rgb(242,196,173)
```
#f5d0be
```
#f5d0be rgb(245,208,190)
```
#f7dccf
```
#f7dccf rgb(247,220,207)
```
#fae9e0
```
#fae9e0 rgb(250,233,224)
```
#fdf5f1
```
#fdf5f1 rgb(253,245,241)
```

Tint Color Variation

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

#716c6a
```
#716c6a rgb(113,108,106)
```
#7a6961
```
#7a6961 rgb(122,105,97)
```
#826759
```
#826759 rgb(130,103,89)
```
#8a6451
```
#8a6451 rgb(138,100,81)
```
#936148
```
#936148 rgb(147,97,72)
```
#9b5e40
```
#9b5e40 rgb(155,94,64)
```
#a45b37
```
#a45b37 rgb(164,91,55)
```
#ac592f
```
#ac592f rgb(172,89,47)
```
#b55626
```
#b55626 rgb(181,86,38)
```
#bd531e
```
#bd531e rgb(189,83,30)
```
#c55016
```
#c55016 rgb(197,80,22)
```
#ce4d0d
```
#ce4d0d rgb(206,77,13)
```
#d64b05
```
#d64b05 rgb(214,75,5)
```

Tone Color Variation

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

#877a31 Protanopia 1% of men
#98741f Deuteranopia 1% of men
#c2565b Tritanopia 0.001% of the population

Trichromacy

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

#bd531e hex color

#bd531e Color Information

#bd531e Color Conversion

Color Schemes with #bd531e

Alternatives to #bd531e

#bd531e Preview

Shades and Tints of #bd531e

Tones of #bd531e

Color Blindness Simulator