colorhexa.com

#bc553d hex color

In a RGB color space, hex #bc553d is composed of 73.7% red, 33.3% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.8% magenta, 67.6% yellow and 26.3% black. It has a hue angle of 11.3 degrees, a saturation of 51% and a lightness of 48.8%. #bc553d color hex could be obtained by blending #ffaa7a with #790000. Closest websafe color is: #cc6633.

- R 74
- G 33
- B 24
RGB color chart
- C 0
- M 55
- Y 68
- K 26
CMYK color chart

● #bc553d color description : Moderate red.

The hexadecimal color #bc553d has RGB values of R:188, G:85, B:61 and CMYK values of C:0, M:0.55, Y:0.68, K:0.26. Its decimal value is 12342589.

Hex triplet	bc553d	`#bc553d`
RGB Decimal	188, 85, 61	`rgb(188,85,61)`
RGB Percent	73.7, 33.3, 23.9	`rgb(73.7%,33.3%,23.9%)`
CMYK	0, 55, 68, 26
HSL	11.3°, 51, 48.8	`hsl(11.3,51%,48.8%)`
HSV (or HSB)	11.3°, 67.6, 73.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.918, 39.815, 33.802
XYZ	24.831, 17.528, 6.49
xyY	0.508, 0.359, 17.528
CIE-LCH	48.918, 52.228, 40.33
CIE-LUV	48.918, 79.784, 28.707
Hunter-Lab	41.866, 32.603, 20.115
Binary	10111100, 01010101, 00111101

#bc553d
```
#bc553d rgb(188,85,61)
```
#3da4bc
```
#3da4bc rgb(61,164,188)
```

Complementary Color

#bc3d65
```
#bc3d65 rgb(188,61,101)
```
#bc553d
```
#bc553d rgb(188,85,61)
```
#bc953d
```
#bc953d rgb(188,149,61)
```

Analogous Color

#3d65bc
```
#3d65bc rgb(61,101,188)
```
#bc553d
```
#bc553d rgb(188,85,61)
```
#3dbc95
```
#3dbc95 rgb(61,188,149)
```

Split Complementary Color

#553dbc
```
#553dbc rgb(85,61,188)
```
#bc553d
```
#bc553d rgb(188,85,61)
```
#3dbc55
```
#3dbc55 rgb(61,188,85)
```

Triadic Color

#bc3da4
```
#bc3da4 rgb(188,61,164)
```
#bc553d
```
#bc553d rgb(188,85,61)
```
#3dbc55
```
#3dbc55 rgb(61,188,85)
```
#3da4bc
```
#3da4bc rgb(61,164,188)
```

Tetradic Color

#823b2a
```
#823b2a rgb(130,59,42)
```
#954431
```
#954431 rgb(149,68,49)
```
#a94c37
```
#a94c37 rgb(169,76,55)
```
#bc553d
```
#bc553d rgb(188,85,61)
```
#c5644d
```
#c5644d rgb(197,100,77)
```
#cc7560
```
#cc7560 rgb(204,117,96)
```
#d28574
```
#d28574 rgb(210,133,116)
```

Monochromatic Color

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

#bc3d45
```
#bc3d45 rgb(188,61,69)
```
#bc403d
```
#bc403d rgb(188,64,61)
```
#bc4a3d
```
#bc4a3d rgb(188,74,61)
```
#bc553d
```
#bc553d rgb(188,85,61)
```
#bc603d
```
#bc603d rgb(188,96,61)
```
#bc6a3d
```
#bc6a3d rgb(188,106,61)
```
#bc753d
```
#bc753d rgb(188,117,61)
```

Similar Colors

Text with hexadecimal color #bc553d

This text has a font color of #bc553d.

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

#bc553d background color

This paragraph has a background color of #bc553d.

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

#bc553d border color

This element has a border color of #bc553d.

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

CSS codes

.text {color:#bc553d;}

.background {background-color:#bc553d;}

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

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

#0a0503
```
#0a0503 rgb(10,5,3)
```
#190b08
```
#190b08 rgb(25,11,8)
```
#28120d
```
#28120d rgb(40,18,13)
```
#371912
```
#371912 rgb(55,25,18)
```
#461f17
```
#461f17 rgb(70,31,23)
```
#54261b
```
#54261b rgb(84,38,27)
```
#632d20
```
#632d20 rgb(99,45,32)
```
#723425
```
#723425 rgb(114,52,37)
```
#813a2a
```
#813a2a rgb(129,58,42)
```
#90412f
```
#90412f rgb(144,65,47)
```
#9e4833
```
#9e4833 rgb(158,72,51)
```
#ad4e38
```
#ad4e38 rgb(173,78,56)
```
#bc553d
```
#bc553d rgb(188,85,61)
```

Shade Color Variation

#c46049
```
#c46049 rgb(196,96,73)
```
#c96d58
```
#c96d58 rgb(201,109,88)
```
#cd7a66
```
#cd7a66 rgb(205,122,102)
```
#d28775
```
#d28775 rgb(210,135,117)
```
#d79484
```
#d79484 rgb(215,148,132)
```
#dca193
```
#dca193 rgb(220,161,147)
```
#e1aea2
```
#e1aea2 rgb(225,174,162)
```
#e6bab0
```
#e6bab0 rgb(230,186,176)
```
#eac7bf
```
#eac7bf rgb(234,199,191)
```
#efd4ce
```
#efd4ce rgb(239,212,206)
```
#f4e1dd
```
#f4e1dd rgb(244,225,221)
```
#f9eeec
```
#f9eeec rgb(249,238,236)
```
#fefbfa
```
#fefbfa rgb(254,251,250)
```

Tint Color Variation

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

#837976
```
#837976 rgb(131,121,118)
```
#8c736d
```
#8c736d rgb(140,115,109)
```
#966d63
```
#966d63 rgb(150,109,99)
```
#9f675a
```
#9f675a rgb(159,103,90)
```
#a96150
```
#a96150 rgb(169,97,80)
```
#b25b47
```
#b25b47 rgb(178,91,71)
```
#bc553d
```
#bc553d rgb(188,85,61)
```
#c64f33
```
#c64f33 rgb(198,79,51)
```
#cf492a
```
#cf492a rgb(207,73,42)
```
#d94320
```
#d94320 rgb(217,67,32)
```
#e23d17
```
#e23d17 rgb(226,61,23)
```
#ec370d
```
#ec370d rgb(236,55,13)
```
#f53104
```
#f53104 rgb(245,49,4)
```

Tone Color Variation

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

#857b51 Protanopia 1% of men
#967540 Deuteranopia 1% of men
#c05a60 Tritanopia 0.001% of the population

Trichromacy

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