#bc553e hex color

In a RGB color space, hex #bc553e is composed of 73.7% red, 33.3% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.8% magenta, 67% yellow and 26.3% black. It has a hue angle of 11 degrees, a saturation of 50.4% and a lightness of 49%. #bc553e color hex could be obtained by blending #ffaa7c with #790000. Closest websafe color is: #cc6633.

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

● #bc553e color description : Moderate red.

The hexadecimal color #bc553e has RGB values of R:188, G:85, B:62 and CMYK values of C:0, M:0.55, Y:0.67, K:0.26. Its decimal value is 12342590.

Hex triplet	bc553e	`#bc553e`
RGB Decimal	188, 85, 62	`rgb(188,85,62)`
RGB Percent	73.7, 33.3, 24.3	`rgb(73.7%,33.3%,24.3%)`
CMYK	0, 55, 67, 26
HSL	11°, 50.4, 49	`hsl(11,50.4%,49%)`
HSV (or HSB)	11°, 67, 73.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.932, 39.874, 33.254
XYZ	24.858, 17.539, 6.633
xyY	0.507, 0.358, 17.539
CIE-LCH	48.932, 51.921, 39.828
CIE-LUV	48.932, 79.617, 28.26
Hunter-Lab	41.879, 32.663, 19.924
Binary	10111100, 01010101, 00111110

#bc553e
```
#bc553e rgb(188,85,62)
```
#3ea5bc
```
#3ea5bc rgb(62,165,188)
```

Complementary Color

#bc3e66
```
#bc3e66 rgb(188,62,102)
```
#bc553e
```
#bc553e rgb(188,85,62)
```
#bc943e
```
#bc943e rgb(188,148,62)
```

Analogous Color

#3e66bc
```
#3e66bc rgb(62,102,188)
```
#bc553e
```
#bc553e rgb(188,85,62)
```
#3ebc94
```
#3ebc94 rgb(62,188,148)
```

Split Complementary Color

#553ebc
```
#553ebc rgb(85,62,188)
```
#bc553e
```
#bc553e rgb(188,85,62)
```
#3ebc55
```
#3ebc55 rgb(62,188,85)
```

Triadic Color

#bc3ea5
```
#bc3ea5 rgb(188,62,165)
```
#bc553e
```
#bc553e rgb(188,85,62)
```
#3ebc55
```
#3ebc55 rgb(62,188,85)
```
#3ea5bc
```
#3ea5bc rgb(62,165,188)
```

Tetradic Color

#823b2b
```
#823b2b rgb(130,59,43)
```
#964431
```
#964431 rgb(150,68,49)
```
#a94c38
```
#a94c38 rgb(169,76,56)
```
#bc553e
```
#bc553e rgb(188,85,62)
```
#c5644f
```
#c5644f rgb(197,100,79)
```
#cb7562
```
#cb7562 rgb(203,117,98)
```
#d18675
```
#d18675 rgb(209,134,117)
```

Monochromatic Color

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

#bc3e47
```
#bc3e47 rgb(188,62,71)
```
#bc403e
```
#bc403e rgb(188,64,62)
```
#bc4b3e
```
#bc4b3e rgb(188,75,62)
```
#bc553e
```
#bc553e rgb(188,85,62)
```
#bc603e
```
#bc603e rgb(188,96,62)
```
#bc6a3e
```
#bc6a3e rgb(188,106,62)
```
#bc753e
```
#bc753e rgb(188,117,62)
```

Similar Colors

Text with hexadecimal color #bc553e

This text has a font color of #bc553e.

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

#bc553e background color

This paragraph has a background color of #bc553e.

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

#bc553e border color

This element has a border color of #bc553e.

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

CSS codes

.text {color:#bc553e;}

.background {background-color:#bc553e;}

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

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, #0b0504 is the darkest color, while #fefcfb is the lightest one.

#0b0504
```
#0b0504 rgb(11,5,4)
```
#1a0c08
```
#1a0c08 rgb(26,12,8)
```
#28120d
```
#28120d rgb(40,18,13)
```
#371912
```
#371912 rgb(55,25,18)
```
#462017
```
#462017 rgb(70,32,23)
```
#55261c
```
#55261c rgb(85,38,28)
```
#632d21
```
#632d21 rgb(99,45,33)
```
#723426
```
#723426 rgb(114,52,38)
```
#813a2b
```
#813a2b rgb(129,58,43)
```
#90412f
```
#90412f rgb(144,65,47)
```
#9e4834
```
#9e4834 rgb(158,72,52)
```
#ad4e39
```
#ad4e39 rgb(173,78,57)
```
#bc553e
```
#bc553e rgb(188,85,62)
```

Shade Color Variation

#c3604a
```
#c3604a rgb(195,96,74)
```
#c86d59
```
#c86d59 rgb(200,109,89)
```
#cd7a68
```
#cd7a68 rgb(205,122,104)
```
#d28776
```
#d28776 rgb(210,135,118)
```
#d79485
```
#d79485 rgb(215,148,133)
```
#dca194
```
#dca194 rgb(220,161,148)
```
#e1aea3
```
#e1aea3 rgb(225,174,163)
```
#e5bbb1
```
#e5bbb1 rgb(229,187,177)
```
#eac8c0
```
#eac8c0 rgb(234,200,192)
```
#efd5cf
```
#efd5cf rgb(239,213,207)
```
#f4e2de
```
#f4e2de rgb(244,226,222)
```
#f9efec
```
#f9efec rgb(249,239,236)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#827a78
```
#827a78 rgb(130,122,120)
```
#8c746e
```
#8c746e rgb(140,116,110)
```
#966d64
```
#966d64 rgb(150,109,100)
```
#9f675b
```
#9f675b rgb(159,103,91)
```
#a96151
```
#a96151 rgb(169,97,81)
```
#b25b48
```
#b25b48 rgb(178,91,72)
```
#bc553e
```
#bc553e rgb(188,85,62)
```
#c64f34
```
#c64f34 rgb(198,79,52)
```
#cf492b
```
#cf492b rgb(207,73,43)
```
#d94321
```
#d94321 rgb(217,67,33)
```
#e23d18
```
#e23d18 rgb(226,61,24)
```
#ec360e
```
#ec360e rgb(236,54,14)
```
#f63004
```
#f63004 rgb(246,48,4)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#806b67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#857b52 Protanopia 1% of men
#967641 Deuteranopia 1% of men
#c05a60 Tritanopia 0.001% of the population

Trichromacy

#996d4a Protanomaly 1% of men, 0.01% of women
#a46a40 Deuteranomaly 6% of men, 0.4% of women
#bf5853 Tritanomaly 0.01% of the population

#bc553e hex color

#bc553e Color Information

#bc553e Color Conversion

Color Schemes with #bc553e

Alternatives to #bc553e

#bc553e Preview

Shades and Tints of #bc553e

Tones of #bc553e

Color Blindness Simulator