#bc551d hex color

In a RGB color space, hex #bc551d is composed of 73.7% red, 33.3% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.8% magenta, 84.6% yellow and 26.3% black. It has a hue angle of 21.1 degrees, a saturation of 73.3% and a lightness of 42.5%. #bc551d color hex could be obtained by blending #ffaa3a with #790000. Closest websafe color is: #cc6633.

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

● #bc551d color description : Strong orange.

The hexadecimal color #bc551d has RGB values of R:188, G:85, B:29 and CMYK values of C:0, M:0.55, Y:0.85, K:0.26. Its decimal value is 12342557.

Hex triplet	bc551d	`#bc551d`
RGB Decimal	188, 85, 29	`rgb(188,85,29)`
RGB Percent	73.7, 33.3, 11.4	`rgb(73.7%,33.3%,11.4%)`
CMYK	0, 55, 85, 26
HSL	21.1°, 73.3, 42.5	`hsl(21.1,73.3%,42.5%)`
HSV (or HSB)	21.1°, 84.6, 73.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.61, 38.457, 49.531
XYZ	24.21, 17.279, 3.223
xyY	0.541, 0.386, 17.279
CIE-LCH	48.61, 62.708, 52.173
CIE-LUV	48.61, 83.792, 39.372
Hunter-Lab	41.569, 31.216, 24.501
Binary	10111100, 01010101, 00011101

#bc551d
```
#bc551d rgb(188,85,29)
```
#1d84bc
```
#1d84bc rgb(29,132,188)
```

Complementary Color

#bc1d34
```
#bc1d34 rgb(188,29,52)
```
#bc551d
```
#bc551d rgb(188,85,29)
```
#bca51d
```
#bca51d rgb(188,165,29)
```

Analogous Color

#1d34bc
```
#1d34bc rgb(29,52,188)
```
#bc551d
```
#bc551d rgb(188,85,29)
```
#1dbca5
```
#1dbca5 rgb(29,188,165)
```

Split Complementary Color

#551dbc
```
#551dbc rgb(85,29,188)
```
#bc551d
```
#bc551d rgb(188,85,29)
```
#1dbc55
```
#1dbc55 rgb(29,188,85)
```

Triadic Color

#bc1d84
```
#bc1d84 rgb(188,29,132)
```
#bc551d
```
#bc551d rgb(188,85,29)
```
#1dbc55
```
#1dbc55 rgb(29,188,85)
```
#1d84bc
```
#1d84bc rgb(29,132,188)
```

Tetradic Color

#7a3713
```
#7a3713 rgb(122,55,19)
```
#904116
```
#904116 rgb(144,65,22)
```
#a64b1a
```
#a64b1a rgb(166,75,26)
```
#bc551d
```
#bc551d rgb(188,85,29)
```
#d25f20
```
#d25f20 rgb(210,95,32)
```
#df6c2d
```
#df6c2d rgb(223,108,45)
```
#e27b43
```
#e27b43 rgb(226,123,67)
```

Monochromatic Color

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

#bc2d1d
```
#bc2d1d rgb(188,45,29)
```
#bc3b1d
```
#bc3b1d rgb(188,59,29)
```
#bc481d
```
#bc481d rgb(188,72,29)
```
#bc551d
```
#bc551d rgb(188,85,29)
```
#bc621d
```
#bc621d rgb(188,98,29)
```
#bc701d
```
#bc701d rgb(188,112,29)
```
#bc7d1d
```
#bc7d1d rgb(188,125,29)
```

Similar Colors

Text with hexadecimal color #bc551d

This text has a font color of #bc551d.

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

#bc551d background color

This paragraph has a background color of #bc551d.

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

#bc551d border color

This element has a border color of #bc551d.

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

CSS codes

.text {color:#bc551d;}

.background {background-color:#bc551d;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120803
```
#120803 rgb(18,8,3)
```
#231005
```
#231005 rgb(35,16,5)
```
#341808
```
#341808 rgb(52,24,8)
```
#451f0b
```
#451f0b rgb(69,31,11)
```
#56270d
```
#56270d rgb(86,39,13)
```
#672f10
```
#672f10 rgb(103,47,16)
```
#783613
```
#783613 rgb(120,54,19)
```
#893e15
```
#893e15 rgb(137,62,21)
```
#9a4618
```
#9a4618 rgb(154,70,24)
```
#ab4d1a
```
#ab4d1a rgb(171,77,26)
```
#bc551d
```
#bc551d rgb(188,85,29)
```
#cd5d20
```
#cd5d20 rgb(205,93,32)
```

Shade Color Variation

#dd6523
```
#dd6523 rgb(221,101,35)
```
#e07134
```
#e07134 rgb(224,113,52)
```
#e27c45
```
#e27c45 rgb(226,124,69)
```
#e58856
```
#e58856 rgb(229,136,86)
```
#e89467
```
#e89467 rgb(232,148,103)
```
#eaa078
```
#eaa078 rgb(234,160,120)
```
#edac89
```
#edac89 rgb(237,172,137)
```
#efb89a
```
#efb89a rgb(239,184,154)
```
#f2c4ab
```
#f2c4ab rgb(242,196,171)
```
#f5d0bc
```
#f5d0bc rgb(245,208,188)
```
#f7dccd
```
#f7dccd rgb(247,220,205)
```
#fae8de
```
#fae8de rgb(250,232,222)
```
#fdf4ef
```
#fdf4ef rgb(253,244,239)
```

Tint Color Variation

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

#716b68
```
#716b68 rgb(113,107,104)
```
#796960
```
#796960 rgb(121,105,96)
```
#826657
```
#826657 rgb(130,102,87)
```
#8a644f
```
#8a644f rgb(138,100,79)
```
#926147
```
#926147 rgb(146,97,71)
```
#9b5f3e
```
#9b5f3e rgb(155,95,62)
```
#a35c36
```
#a35c36 rgb(163,92,54)
```
#ab5a2e
```
#ab5a2e rgb(171,90,46)
```
#b45725
```
#b45725 rgb(180,87,37)
```
#bc551d
```
#bc551d rgb(188,85,29)
```
#c45315
```
#c45315 rgb(196,83,21)
```
#cd500c
```
#cd500c rgb(205,80,12)
```
#d54e04
```
#d54e04 rgb(213,78,4)
```

Tone Color Variation

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

#887a30 Protanopia 1% of men
#99741e Deuteranopia 1% of men
#c1585d Tritanopia 0.001% of the population

Trichromacy

#9b6d29 Protanomaly 1% of men, 0.01% of women
#a5691d Deuteranomaly 6% of men, 0.4% of women
#bf5746 Tritanomaly 0.01% of the population

#bc551d hex color

#bc551d Color Information

#bc551d Color Conversion

Color Schemes with #bc551d

Alternatives to #bc551d

#bc551d Preview

Shades and Tints of #bc551d

Tones of #bc551d

Color Blindness Simulator