#bc323a hex color

In a RGB color space, hex #bc323a is composed of 73.7% red, 19.6% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.4% magenta, 69.1% yellow and 26.3% black. It has a hue angle of 356.5 degrees, a saturation of 58% and a lightness of 46.7%. #bc323a color hex could be obtained by blending #ff6474 with #790000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 74
- G 20
- B 23
RGB color chart
- C 0
- M 73
- Y 69
- K 26
CMYK color chart

● #bc323a color description : Moderate red.

The hexadecimal color #bc323a has RGB values of R:188, G:50, B:58 and CMYK values of C:0, M:0.73, Y:0.69, K:0.26. Its decimal value is 12333626.

Hex triplet	bc323a	`#bc323a`
RGB Decimal	188, 50, 58	`rgb(188,50,58)`
RGB Percent	73.7, 19.6, 22.7	`rgb(73.7%,19.6%,22.7%)`
CMYK	0, 73, 69, 26
HSL	356.5°, 58, 46.7	`hsl(356.5,58%,46.7%)`
HSV (or HSB)	356.5°, 73.4, 73.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.183, 54.864, 28.678
XYZ	22.644, 13.281, 5.374
xyY	0.548, 0.322, 13.281
CIE-LCH	43.183, 61.907, 27.597
CIE-LUV	43.183, 102.607, 19.045
Hunter-Lab	36.443, 47.14, 16.767
Binary	10111100, 00110010, 00111010

#bc323a
```
#bc323a rgb(188,50,58)
```
#32bcb4
```
#32bcb4 rgb(50,188,180)
```

Complementary Color

#bc327f
```
#bc327f rgb(188,50,127)
```
#bc323a
```
#bc323a rgb(188,50,58)
```
#bc6f32
```
#bc6f32 rgb(188,111,50)
```

Analogous Color

#327fbc
```
#327fbc rgb(50,127,188)
```
#bc323a
```
#bc323a rgb(188,50,58)
```
#32bc6f
```
#32bc6f rgb(50,188,111)
```

Split Complementary Color

#323abc
```
#323abc rgb(50,58,188)
```
#bc323a
```
#bc323a rgb(188,50,58)
```
#3abc32
```
#3abc32 rgb(58,188,50)
```

Triadic Color

#b432bc
```
#b432bc rgb(180,50,188)
```
#bc323a
```
#bc323a rgb(188,50,58)
```
#3abc32
```
#3abc32 rgb(58,188,50)
```
#32bcb4
```
#32bcb4 rgb(50,188,180)
```

Tetradic Color

#802227
```
#802227 rgb(128,34,39)
```
#94272e
```
#94272e rgb(148,39,46)
```
#a82d34
```
#a82d34 rgb(168,45,52)
```
#bc323a
```
#bc323a rgb(188,50,58)
```
#cb3c45
```
#cb3c45 rgb(203,60,69)
```
#d15058
```
#d15058 rgb(209,80,88)
```
#d6656b
```
#d6656b rgb(214,101,107)
```

Monochromatic Color

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

#bc325c
```
#bc325c rgb(188,50,92)
```
#bc3251
```
#bc3251 rgb(188,50,81)
```
#bc3245
```
#bc3245 rgb(188,50,69)
```
#bc323a
```
#bc323a rgb(188,50,58)
```
#bc3632
```
#bc3632 rgb(188,54,50)
```
#bc4132
```
#bc4132 rgb(188,65,50)
```
#bc4d32
```
#bc4d32 rgb(188,77,50)
```

Similar Colors

Text with hexadecimal color #bc323a

This text has a font color of #bc323a.

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

#bc323a background color

This paragraph has a background color of #bc323a.

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

#bc323a border color

This element has a border color of #bc323a.

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

CSS codes

.text {color:#bc323a;}

.background {background-color:#bc323a;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#120505
```
#120505 rgb(18,5,5)
```
#21090a
```
#21090a rgb(33,9,10)
```
#310d0f
```
#310d0f rgb(49,13,15)
```
#401114
```
#401114 rgb(64,17,20)
```
#501519
```
#501519 rgb(80,21,25)
```
#5f191d
```
#5f191d rgb(95,25,29)
```
#6f1d22
```
#6f1d22 rgb(111,29,34)
```
#7e2227
```
#7e2227 rgb(126,34,39)
```
#8e262c
```
#8e262c rgb(142,38,44)
```
#9d2a30
```
#9d2a30 rgb(157,42,48)
```
#ad2e35
```
#ad2e35 rgb(173,46,53)
```
#bc323a
```
#bc323a rgb(188,50,58)
```

Shade Color Variation

#ca3840
```
#ca3840 rgb(202,56,64)
```
#ce474f
```
#ce474f rgb(206,71,79)
```
#d2575e
```
#d2575e rgb(210,87,94)
```
#d6666d
```
#d6666d rgb(214,102,109)
```
#da767b
```
#da767b rgb(218,118,123)
```
#df858a
```
#df858a rgb(223,133,138)
```
#e39599
```
#e39599 rgb(227,149,153)
```
#e7a4a8
```
#e7a4a8 rgb(231,164,168)
```
#ebb4b7
```
#ebb4b7 rgb(235,180,183)
```
#efc3c6
```
#efc3c6 rgb(239,195,198)
```
#f3d3d4
```
#f3d3d4 rgb(243,211,212)
```
#f7e2e3
```
#f7e2e3 rgb(247,226,227)
```
#fbf2f2
```
#fbf2f2 rgb(251,242,242)
```

Tint Color Variation

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

#7c7273
```
#7c7273 rgb(124,114,115)
```
#85696b
```
#85696b rgb(133,105,107)
```
#8e6062
```
#8e6062 rgb(142,96,98)
```
#97575a
```
#97575a rgb(151,87,90)
```
#a14d52
```
#a14d52 rgb(161,77,82)
```
#aa444a
```
#aa444a rgb(170,68,74)
```
#b33b42
```
#b33b42 rgb(179,59,66)
```
#bc323a
```
#bc323a rgb(188,50,58)
```
#c52932
```
#c52932 rgb(197,41,50)
```
#ce202a
```
#ce202a rgb(206,32,42)
```
#d71722
```
#d71722 rgb(215,23,34)
```
#e10d1a
```
#e10d1a rgb(225,13,26)
```
#ea0412
```
#ea0412 rgb(234,4,18)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#6f5455 Atypical Achromatopsia 0.001% of the population

Dichromacy

#756d55 Protanopia 1% of men
#85693b Deuteranopia 1% of men
#bf3d40 Tritanopia 0.001% of the population

Trichromacy

#8f584b Protanomaly 1% of men, 0.01% of women
#99553a Deuteranomaly 6% of men, 0.4% of women
#be393d Tritanomaly 0.01% of the population

#bc323a hex color

#bc323a Color Information

#bc323a Color Conversion

Color Schemes with #bc323a

Alternatives to #bc323a

#bc323a Preview

Shades and Tints of #bc323a

Tones of #bc323a

Color Blindness Simulator