#b22c2e hex color

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

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

● #b22c2e color description : Dark red.

The hexadecimal color #b22c2e has RGB values of R:178, G:44, B:46 and CMYK values of C:0, M:0.75, Y:0.74, K:0.3. Its decimal value is 11676718.

Hex triplet	b22c2e	`#b22c2e`
RGB Decimal	178, 44, 46	`rgb(178,44,46)`
RGB Percent	69.8, 17.3, 18	`rgb(69.8%,17.3%,18%)`
CMYK	0, 75, 74, 30
HSL	359.1°, 60.4, 43.5	`hsl(359.1,60.4%,43.5%)`
HSV (or HSB)	359.1°, 75.3, 69.8
Web Safe	993333	`#993333`

CIE-LAB	40.354, 53.268, 32.048
XYZ	19.755, 11.466, 3.758
xyY	0.565, 0.328, 11.466
CIE-LCH	40.354, 62.166, 31.033
CIE-LUV	40.354, 100.402, 20.965
Hunter-Lab	33.861, 44.88, 17.124
Binary	10110010, 00101100, 00101110

#b22c2e
```
#b22c2e rgb(178,44,46)
```
#2cb2b0
```
#2cb2b0 rgb(44,178,176)
```

Complementary Color

#b22c71
```
#b22c71 rgb(178,44,113)
```
#b22c2e
```
#b22c2e rgb(178,44,46)
```
#b26d2c
```
#b26d2c rgb(178,109,44)
```

Analogous Color

#2c71b2
```
#2c71b2 rgb(44,113,178)
```
#b22c2e
```
#b22c2e rgb(178,44,46)
```
#2cb26d
```
#2cb26d rgb(44,178,109)
```

Split Complementary Color

#2c2eb2
```
#2c2eb2 rgb(44,46,178)
```
#b22c2e
```
#b22c2e rgb(178,44,46)
```
#2eb22c
```
#2eb22c rgb(46,178,44)
```

Triadic Color

#b02cb2
```
#b02cb2 rgb(176,44,178)
```
#b22c2e
```
#b22c2e rgb(178,44,46)
```
#2eb22c
```
#2eb22c rgb(46,178,44)
```
#2cb2b0
```
#2cb2b0 rgb(44,178,176)
```

Tetradic Color

#751d1e
```
#751d1e rgb(117,29,30)
```
#892223
```
#892223 rgb(137,34,35)
```
#9e2729
```
#9e2729 rgb(158,39,41)
```
#b22c2e
```
#b22c2e rgb(178,44,46)
```
#c63133
```
#c63133 rgb(198,49,51)
```
#d04143
```
#d04143 rgb(208,65,67)
```
#d55557
```
#d55557 rgb(213,85,87)
```

Monochromatic Color

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

#b22c50
```
#b22c50 rgb(178,44,80)
```
#b22c44
```
#b22c44 rgb(178,44,68)
```
#b22c39
```
#b22c39 rgb(178,44,57)
```
#b22c2e
```
#b22c2e rgb(178,44,46)
```
#b2352c
```
#b2352c rgb(178,53,44)
```
#b2402c
```
#b2402c rgb(178,64,44)
```
#b24c2c
```
#b24c2c rgb(178,76,44)
```

Similar Colors

Text with hexadecimal color #b22c2e

This text has a font color of #b22c2e.

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

#b22c2e background color

This paragraph has a background color of #b22c2e.

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

#b22c2e border color

This element has a border color of #b22c2e.

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

CSS codes

.text {color:#b22c2e;}

.background {background-color:#b22c2e;}

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

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

#050101
```
#050101 rgb(5,1,1)
```
#150505
```
#150505 rgb(21,5,5)
```
#240909
```
#240909 rgb(36,9,9)
```
#340d0d
```
#340d0d rgb(52,13,13)
```
#441112
```
#441112 rgb(68,17,18)
```
#541516
```
#541516 rgb(84,21,22)
```
#63191a
```
#63191a rgb(99,25,26)
```
#731c1e
```
#731c1e rgb(115,28,30)
```
#832022
```
#832022 rgb(131,32,34)
```
#932426
```
#932426 rgb(147,36,38)
```
#a2282a
```
#a2282a rgb(162,40,42)
```
#b22c2e
```
#b22c2e rgb(178,44,46)
```
#c23032
```
#c23032 rgb(194,48,50)
```

Shade Color Variation

#ce383a
```
#ce383a rgb(206,56,58)
```
#d24749
```
#d24749 rgb(210,71,73)
```
#d55759
```
#d55759 rgb(213,87,89)
```
#d96768
```
#d96768 rgb(217,103,104)
```
#dd7678
```
#dd7678 rgb(221,118,120)
```
#e18688
```
#e18688 rgb(225,134,136)
```
#e59697
```
#e59697 rgb(229,150,151)
```
#e9a6a7
```
#e9a6a7 rgb(233,166,167)
```
#edb5b6
```
#edb5b6 rgb(237,181,182)
```
#f1c5c6
```
#f1c5c6 rgb(241,197,198)
```
#f5d5d5
```
#f5d5d5 rgb(245,213,213)
```
#f8e5e5
```
#f8e5e5 rgb(248,229,229)
```
#fcf4f4
```
#fcf4f4 rgb(252,244,244)
```

Tint Color Variation

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

#766868
```
#766868 rgb(118,104,104)
```
#7f5f60
```
#7f5f60 rgb(127,95,96)
```
#875757
```
#875757 rgb(135,87,87)
```
#904e4f
```
#904e4f rgb(144,78,79)
```
#984647
```
#984647 rgb(152,70,71)
```
#a13d3f
```
#a13d3f rgb(161,61,63)
```
#a93536
```
#a93536 rgb(169,53,54)
```
#b22c2e
```
#b22c2e rgb(178,44,46)
```
#bb2326
```
#bb2326 rgb(187,35,38)
```
#c31b1d
```
#c31b1d rgb(195,27,29)
```
#cc1215
```
#cc1215 rgb(204,18,21)
```
#d40a0d
```
#d40a0d rgb(212,10,13)
```
#dd0105
```
#dd0105 rgb(221,1,5)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#674c4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f6748 Protanopia 1% of men
#7f622f Deuteranopia 1% of men
#b63639 Tritanopia 0.001% of the population

Trichromacy

#87513e Protanomaly 1% of men, 0.01% of women
#914e2e Deuteranomaly 6% of men, 0.4% of women
#b43235 Tritanomaly 0.01% of the population

#b22c2e hex color

#b22c2e Color Information

#b22c2e Color Conversion

Color Schemes with #b22c2e

Alternatives to #b22c2e

#b22c2e Preview

Shades and Tints of #b22c2e

Tones of #b22c2e

Color Blindness Simulator