#bd551f hex color

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

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

● #bd551f color description : Strong orange.

The hexadecimal color #bd551f has RGB values of R:189, G:85, B:31 and CMYK values of C:0, M:0.55, Y:0.84, K:0.26. Its decimal value is 12408095.

Hex triplet	bd551f	`#bd551f`
RGB Decimal	189, 85, 31	`rgb(189,85,31)`
RGB Percent	74.1, 33.3, 12.2	`rgb(74.1%,33.3%,12.2%)`
CMYK	0, 55, 84, 26
HSL	20.5°, 71.8, 43.1	`hsl(20.5,71.8%,43.1%)`
HSV (or HSB)	20.5°, 83.6, 74.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.781, 38.905, 48.905
XYZ	24.483, 17.417, 3.369
xyY	0.541, 0.385, 17.417
CIE-LCH	48.781, 62.493, 51.497
CIE-LUV	48.781, 84.459, 39.009
Hunter-Lab	41.734, 31.682, 24.428
Binary	10111101, 01010101, 00011111

#bd551f
```
#bd551f rgb(189,85,31)
```
#1f87bd
```
#1f87bd rgb(31,135,189)
```

Complementary Color

#bd1f38
```
#bd1f38 rgb(189,31,56)
```
#bd551f
```
#bd551f rgb(189,85,31)
```
#bda41f
```
#bda41f rgb(189,164,31)
```

Analogous Color

#1f38bd
```
#1f38bd rgb(31,56,189)
```
#bd551f
```
#bd551f rgb(189,85,31)
```
#1fbda4
```
#1fbda4 rgb(31,189,164)
```

Split Complementary Color

#551fbd
```
#551fbd rgb(85,31,189)
```
#bd551f
```
#bd551f rgb(189,85,31)
```
#1fbd55
```
#1fbd55 rgb(31,189,85)
```

Triadic Color

#bd1f87
```
#bd1f87 rgb(189,31,135)
```
#bd551f
```
#bd551f rgb(189,85,31)
```
#1fbd55
```
#1fbd55 rgb(31,189,85)
```
#1f87bd
```
#1f87bd rgb(31,135,189)
```

Tetradic Color

#7b3714
```
#7b3714 rgb(123,55,20)
```
#914118
```
#914118 rgb(145,65,24)
```
#a74b1b
```
#a74b1b rgb(167,75,27)
```
#bd551f
```
#bd551f rgb(189,85,31)
```
#d35f23
```
#d35f23 rgb(211,95,35)
```
#dd6c32
```
#dd6c32 rgb(221,108,50)
```
#e17c48
```
#e17c48 rgb(225,124,72)
```

Monochromatic Color

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

#bd2e1f
```
#bd2e1f rgb(189,46,31)
```
#bd3b1f
```
#bd3b1f rgb(189,59,31)
```
#bd481f
```
#bd481f rgb(189,72,31)
```
#bd551f
```
#bd551f rgb(189,85,31)
```
#bd621f
```
#bd621f rgb(189,98,31)
```
#bd6f1f
```
#bd6f1f rgb(189,111,31)
```
#bd7d1f
```
#bd7d1f rgb(189,125,31)
```

Similar Colors

Text with hexadecimal color #bd551f

This text has a font color of #bd551f.

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

#bd551f background color

This paragraph has a background color of #bd551f.

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

#bd551f border color

This element has a border color of #bd551f.

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

CSS codes

.text {color:#bd551f;}

.background {background-color:#bd551f;}

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

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 #fdf6f2 is the lightest one.

#040201
```
#040201 rgb(4,2,1)
```
#140903
```
#140903 rgb(20,9,3)
```
#251106
```
#251106 rgb(37,17,6)
```
#361809
```
#361809 rgb(54,24,9)
```
#47200c
```
#47200c rgb(71,32,12)
```
#58280e
```
#58280e rgb(88,40,14)
```
#692f11
```
#692f11 rgb(105,47,17)
```
#7a3714
```
#7a3714 rgb(122,55,20)
```
#8a3e17
```
#8a3e17 rgb(138,62,23)
```
#9b4619
```
#9b4619 rgb(155,70,25)
```
#ac4d1c
```
#ac4d1c rgb(172,77,28)
```
#bd551f
```
#bd551f rgb(189,85,31)
```
#ce5d22
```
#ce5d22 rgb(206,93,34)
```

Shade Color Variation

#dc6528
```
#dc6528 rgb(220,101,40)
```
#de7138
```
#de7138 rgb(222,113,56)
```
#e17d49
```
#e17d49 rgb(225,125,73)
```
#e4895a
```
#e4895a rgb(228,137,90)
```
#e7956b
```
#e7956b rgb(231,149,107)
```
#e9a17c
```
#e9a17c rgb(233,161,124)
```
#ecad8d
```
#ecad8d rgb(236,173,141)
```
#efb99e
```
#efb99e rgb(239,185,158)
```
#f2c5ae
```
#f2c5ae rgb(242,197,174)
```
#f5d1bf
```
#f5d1bf rgb(245,209,191)
```
#f7ddd0
```
#f7ddd0 rgb(247,221,208)
```
#faeae1
```
#faeae1 rgb(250,234,225)
```
#fdf6f2
```
#fdf6f2 rgb(253,246,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 #d64d06 is the most saturated one.

#716d6b
```
#716d6b rgb(113,109,107)
```
#796a63
```
#796a63 rgb(121,106,99)
```
#82685a
```
#82685a rgb(130,104,90)
```
#8a6552
```
#8a6552 rgb(138,101,82)
```
#936249
```
#936249 rgb(147,98,73)
```
#9b6041
```
#9b6041 rgb(155,96,65)
```
#a45d38
```
#a45d38 rgb(164,93,56)
```
#ac5a30
```
#ac5a30 rgb(172,90,48)
```
#b55827
```
#b55827 rgb(181,88,39)
```
#bd551f
```
#bd551f rgb(189,85,31)
```
#c55217
```
#c55217 rgb(197,82,23)
```
#ce500e
```
#ce500e rgb(206,80,14)
```
#d64d06
```
#d64d06 rgb(214,77,6)
```

Tone Color Variation

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

Dichromacy

#887b32 Protanopia 1% of men
#997520 Deuteranopia 1% of men
#c2585d Tritanopia 0.001% of the population

Trichromacy

#9b6d2b Protanomaly 1% of men, 0.01% of women
#a66920 Deuteranomaly 6% of men, 0.4% of women
#c05747 Tritanomaly 0.01% of the population

#bd551f hex color

#bd551f Color Information

#bd551f Color Conversion

Color Schemes with #bd551f

Alternatives to #bd551f

#bd551f Preview

Shades and Tints of #bd551f

Tones of #bd551f

Color Blindness Simulator