#bd551e hex color

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

● #bd551e color description : Strong orange.

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

Hex triplet	bd551e	`#bd551e`
RGB Decimal	189, 85, 30	`rgb(189,85,30)`
RGB Percent	74.1, 33.3, 11.8	`rgb(74.1%,33.3%,11.8%)`
CMYK	0, 55, 84, 26
HSL	20.8°, 72.6, 42.9	`hsl(20.8,72.6%,42.9%)`
HSV (or HSB)	20.8°, 84.1, 74.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.775, 38.877, 49.321
XYZ	24.47, 17.412, 3.301
xyY	0.542, 0.385, 17.412
CIE-LCH	48.775, 62.801, 51.754
CIE-LUV	48.775, 84.547, 39.24
Hunter-Lab	41.728, 31.653, 24.52
Binary	10111101, 01010101, 00011110

#bd551e
```
#bd551e rgb(189,85,30)
```
#1e86bd
```
#1e86bd rgb(30,134,189)
```

Complementary Color

#bd1e36
```
#bd1e36 rgb(189,30,54)
```
#bd551e
```
#bd551e rgb(189,85,30)
```
#bda51e
```
#bda51e rgb(189,165,30)
```

Analogous Color

#1e36bd
```
#1e36bd rgb(30,54,189)
```
#bd551e
```
#bd551e rgb(189,85,30)
```
#1ebda5
```
#1ebda5 rgb(30,189,165)
```

Split Complementary Color

#551ebd
```
#551ebd rgb(85,30,189)
```
#bd551e
```
#bd551e rgb(189,85,30)
```
#1ebd55
```
#1ebd55 rgb(30,189,85)
```

Triadic Color

#bd1e86
```
#bd1e86 rgb(189,30,134)
```
#bd551e
```
#bd551e rgb(189,85,30)
```
#1ebd55
```
#1ebd55 rgb(30,189,85)
```
#1e86bd
```
#1e86bd rgb(30,134,189)
```

Tetradic Color

#7b3714
```
#7b3714 rgb(123,55,20)
```
#914117
```
#914117 rgb(145,65,23)
```
#a74b1b
```
#a74b1b rgb(167,75,27)
```
#bd551e
```
#bd551e rgb(189,85,30)
```
#d35f21
```
#d35f21 rgb(211,95,33)
```
#de6c30
```
#de6c30 rgb(222,108,48)
```
#e27c46
```
#e27c46 rgb(226,124,70)
```

Monochromatic Color

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

#bd2d1e
```
#bd2d1e rgb(189,45,30)
```
#bd3b1e
```
#bd3b1e rgb(189,59,30)
```
#bd481e
```
#bd481e rgb(189,72,30)
```
#bd551e
```
#bd551e rgb(189,85,30)
```
#bd621e
```
#bd621e rgb(189,98,30)
```
#bd701e
```
#bd701e rgb(189,112,30)
```
#bd7d1e
```
#bd7d1e rgb(189,125,30)
```

Similar Colors

Text with hexadecimal color #bd551e

This text has a font color of #bd551e.

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

#bd551e background color

This paragraph has a background color of #bd551e.

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

#bd551e border color

This element has a border color of #bd551e.

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

CSS codes

.text {color:#bd551e;}

.background {background-color:#bd551e;}

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

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)
```
#47200b
```
#47200b rgb(71,32,11)
```
#57270e
```
#57270e rgb(87,39,14)
```
#682f11
```
#682f11 rgb(104,47,17)
```
#793713
```
#793713 rgb(121,55,19)
```
#8a3e16
```
#8a3e16 rgb(138,62,22)
```
#9b4619
```
#9b4619 rgb(155,70,25)
```
#ac4d1b
```
#ac4d1b rgb(172,77,27)
```
#bd551e
```
#bd551e rgb(189,85,30)
```
#ce5d21
```
#ce5d21 rgb(206,93,33)
```

Shade Color Variation

#dd6526
```
#dd6526 rgb(221,101,38)
```
#df7137
```
#df7137 rgb(223,113,55)
```
#e27d48
```
#e27d48 rgb(226,125,72)
```
#e58959
```
#e58959 rgb(229,137,89)
```
#e79569
```
#e79569 rgb(231,149,105)
```
#eaa17a
```
#eaa17a rgb(234,161,122)
```
#edad8b
```
#edad8b rgb(237,173,139)
```
#efb99c
```
#efb99c rgb(239,185,156)
```
#f2c5ad
```
#f2c5ad rgb(242,197,173)
```
#f5d1be
```
#f5d1be rgb(245,209,190)
```
#f7ddcf
```
#f7ddcf rgb(247,221,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 #d64d05 is the most saturated one.

#716c6a
```
#716c6a rgb(113,108,106)
```
#7a6a61
```
#7a6a61 rgb(122,106,97)
```
#826759
```
#826759 rgb(130,103,89)
```
#8a6551
```
#8a6551 rgb(138,101,81)
```
#936248
```
#936248 rgb(147,98,72)
```
#9b5f40
```
#9b5f40 rgb(155,95,64)
```
#a45d37
```
#a45d37 rgb(164,93,55)
```
#ac5a2f
```
#ac5a2f rgb(172,90,47)
```
#b55826
```
#b55826 rgb(181,88,38)
```
#bd551e
```
#bd551e rgb(189,85,30)
```
#c55216
```
#c55216 rgb(197,82,22)
```
#ce500d
```
#ce500d rgb(206,80,13)
```
#d64d05
```
#d64d05 rgb(214,77,5)
```

Tone Color Variation

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

#887b31 Protanopia 1% of men
#99751f Deuteranopia 1% of men
#c2585d Tritanopia 0.001% of the population

Trichromacy

#9b6d2a Protanomaly 1% of men, 0.01% of women
#a6691e Deuteranomaly 6% of men, 0.4% of women
#c05746 Tritanomaly 0.01% of the population

#bd551e hex color

#bd551e Color Information

#bd551e Color Conversion

Color Schemes with #bd551e

Alternatives to #bd551e

#bd551e Preview

Shades and Tints of #bd551e

Tones of #bd551e

Color Blindness Simulator