#b22c3c hex color

In a RGB color space, hex #b22c3c is composed of 69.8% red, 17.3% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.3% magenta, 66.3% yellow and 30.2% black. It has a hue angle of 352.8 degrees, a saturation of 60.4% and a lightness of 43.5%. #b22c3c color hex could be obtained by blending #ff5878 with #650000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 70
- G 17
- B 24
RGB color chart
- C 0
- M 75
- Y 66
- K 30
CMYK color chart

● #b22c3c color description : Dark red.

The hexadecimal color #b22c3c has RGB values of R:178, G:44, B:60 and CMYK values of C:0, M:0.75, Y:0.66, K:0.3. Its decimal value is 11676732.

Hex triplet	b22c3c	`#b22c3c`
RGB Decimal	178, 44, 60	`rgb(178,44,60)`
RGB Percent	69.8, 17.3, 23.5	`rgb(69.8%,17.3%,23.5%)`
CMYK	0, 75, 66, 30
HSL	352.8°, 60.4, 43.5	`hsl(352.8,60.4%,43.5%)`
HSV (or HSB)	352.8°, 75.3, 69.8
Web Safe	993333	`#993333`

CIE-LAB	40.565, 53.963, 23.794
XYZ	20.077, 11.595, 5.456
xyY	0.541, 0.312, 11.595
CIE-LCH	40.565, 58.976, 23.794
CIE-LUV	40.565, 96.987, 14.618
Hunter-Lab	34.051, 45.657, 14.337
Binary	10110010, 00101100, 00111100

#b22c3c
```
#b22c3c rgb(178,44,60)
```
#2cb2a2
```
#2cb2a2 rgb(44,178,162)
```

Complementary Color

#b22c7f
```
#b22c7f rgb(178,44,127)
```
#b22c3c
```
#b22c3c rgb(178,44,60)
```
#b25f2c
```
#b25f2c rgb(178,95,44)
```

Analogous Color

#2c7fb2
```
#2c7fb2 rgb(44,127,178)
```
#b22c3c
```
#b22c3c rgb(178,44,60)
```
#2cb25f
```
#2cb25f rgb(44,178,95)
```

Split Complementary Color

#2c3cb2
```
#2c3cb2 rgb(44,60,178)
```
#b22c3c
```
#b22c3c rgb(178,44,60)
```
#3cb22c
```
#3cb22c rgb(60,178,44)
```

Triadic Color

#a22cb2
```
#a22cb2 rgb(162,44,178)
```
#b22c3c
```
#b22c3c rgb(178,44,60)
```
#3cb22c
```
#3cb22c rgb(60,178,44)
```
#2cb2a2
```
#2cb2a2 rgb(44,178,162)
```

Tetradic Color

#751d27
```
#751d27 rgb(117,29,39)
```
#89222e
```
#89222e rgb(137,34,46)
```
#9e2735
```
#9e2735 rgb(158,39,53)
```
#b22c3c
```
#b22c3c rgb(178,44,60)
```
#c63143
```
#c63143 rgb(198,49,67)
```
#d04152
```
#d04152 rgb(208,65,82)
```
#d55565
```
#d55565 rgb(213,85,101)
```

Monochromatic Color

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

#b22c5d
```
#b22c5d rgb(178,44,93)
```
#b22c52
```
#b22c52 rgb(178,44,82)
```
#b22c47
```
#b22c47 rgb(178,44,71)
```
#b22c3c
```
#b22c3c rgb(178,44,60)
```
#b22c31
```
#b22c31 rgb(178,44,49)
```
#b2322c
```
#b2322c rgb(178,50,44)
```
#b23e2c
```
#b23e2c rgb(178,62,44)
```

Similar Colors

Text with hexadecimal color #b22c3c

This text has a font color of #b22c3c.

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

#b22c3c background color

This paragraph has a background color of #b22c3c.

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

#b22c3c border color

This element has a border color of #b22c3c.

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

CSS codes

.text {color:#b22c3c;}

.background {background-color:#b22c3c;}

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

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

#050102
```
#050102 rgb(5,1,2)
```
#150507
```
#150507 rgb(21,5,7)
```
#24090c
```
#24090c rgb(36,9,12)
```
#340d12
```
#340d12 rgb(52,13,18)
```
#441117
```
#441117 rgb(68,17,23)
```
#54151c
```
#54151c rgb(84,21,28)
```
#631921
```
#631921 rgb(99,25,33)
```
#731c27
```
#731c27 rgb(115,28,39)
```
#83202c
```
#83202c rgb(131,32,44)
```
#932431
```
#932431 rgb(147,36,49)
```
#a22837
```
#a22837 rgb(162,40,55)
```
#b22c3c
```
#b22c3c rgb(178,44,60)
```
#c23041
```
#c23041 rgb(194,48,65)
```

Shade Color Variation

#ce3849
```
#ce3849 rgb(206,56,73)
```
#d24758
```
#d24758 rgb(210,71,88)
```
#d55766
```
#d55766 rgb(213,87,102)
```
#d96774
```
#d96774 rgb(217,103,116)
```
#dd7683
```
#dd7683 rgb(221,118,131)
```
#e18691
```
#e18691 rgb(225,134,145)
```
#e5969f
```
#e5969f rgb(229,150,159)
```
#e9a6ae
```
#e9a6ae rgb(233,166,174)
```
#edb5bc
```
#edb5bc rgb(237,181,188)
```
#f1c5ca
```
#f1c5ca rgb(241,197,202)
```
#f5d5d9
```
#f5d5d9 rgb(245,213,217)
```
#f8e5e7
```
#f8e5e7 rgb(248,229,231)
```
#fcf4f5
```
#fcf4f5 rgb(252,244,245)
```

Tint Color Variation

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

#766869
```
#766869 rgb(118,104,105)
```
#7f5f63
```
#7f5f63 rgb(127,95,99)
```
#87575c
```
#87575c rgb(135,87,92)
```
#904e56
```
#904e56 rgb(144,78,86)
```
#98464f
```
#98464f rgb(152,70,79)
```
#a13d49
```
#a13d49 rgb(161,61,73)
```
#a93542
```
#a93542 rgb(169,53,66)
```
#b22c3c
```
#b22c3c rgb(178,44,60)
```
#bb2336
```
#bb2336 rgb(187,35,54)
```
#c31b2f
```
#c31b2f rgb(195,27,47)
```
#cc1229
```
#cc1229 rgb(204,18,41)
```
#d40a22
```
#d40a22 rgb(212,10,34)
```
#dd011c
```
#dd011c rgb(221,1,28)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#684e51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6757 Protanopia 1% of men
#7d633d Deuteranopia 1% of men
#b5393b Tritanopia 0.001% of the population

Trichromacy

#86514d Protanomaly 1% of men, 0.01% of women
#904f3c Deuteranomaly 6% of men, 0.4% of women
#b4343b Tritanomaly 0.01% of the population

#b22c3c hex color

#b22c3c Color Information

#b22c3c Color Conversion

Color Schemes with #b22c3c

Alternatives to #b22c3c

#b22c3c Preview

Shades and Tints of #b22c3c

Tones of #b22c3c

Color Blindness Simulator