#b22c1e hex color

In a RGB color space, hex #b22c1e is composed of 69.8% red, 17.3% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.3% magenta, 83.1% yellow and 30.2% black. It has a hue angle of 5.7 degrees, a saturation of 71.2% and a lightness of 40.8%. #b22c1e color hex could be obtained by blending #ff583c with #650000. Closest websafe color is: #993333.

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

● #b22c1e color description : Dark red.

The hexadecimal color #b22c1e has RGB values of R:178, G:44, B:30 and CMYK values of C:0, M:0.75, Y:0.83, K:0.3. Its decimal value is 11676702.

Hex triplet	b22c1e	`#b22c1e`
RGB Decimal	178, 44, 30	`rgb(178,44,30)`
RGB Percent	69.8, 17.3, 11.8	`rgb(69.8%,17.3%,11.8%)`
CMYK	0, 75, 83, 30
HSL	5.7°, 71.2, 40.8	`hsl(5.7,71.2%,40.8%)`
HSV (or HSB)	5.7°, 83.1, 69.8
Web Safe	993333	`#993333`

CIE-LAB	40.184, 52.702, 40.833
XYZ	19.496, 11.362, 2.395
xyY	0.586, 0.342, 11.362
CIE-LCH	40.184, 66.67, 37.768
CIE-LUV	40.184, 103.322, 26.356
Hunter-Lab	33.708, 44.251, 19.383
Binary	10110010, 00101100, 00011110

#b22c1e
```
#b22c1e rgb(178,44,30)
```
#1ea4b2
```
#1ea4b2 rgb(30,164,178)
```

Complementary Color

#b21e5a
```
#b21e5a rgb(178,30,90)
```
#b22c1e
```
#b22c1e rgb(178,44,30)
```
#b2761e
```
#b2761e rgb(178,118,30)
```

Analogous Color

#1e5ab2
```
#1e5ab2 rgb(30,90,178)
```
#b22c1e
```
#b22c1e rgb(178,44,30)
```
#1eb276
```
#1eb276 rgb(30,178,118)
```

Split Complementary Color

#2c1eb2
```
#2c1eb2 rgb(44,30,178)
```
#b22c1e
```
#b22c1e rgb(178,44,30)
```
#1eb22c
```
#1eb22c rgb(30,178,44)
```

Triadic Color

#b21ea4
```
#b21ea4 rgb(178,30,164)
```
#b22c1e
```
#b22c1e rgb(178,44,30)
```
#1eb22c
```
#1eb22c rgb(30,178,44)
```
#1ea4b2
```
#1ea4b2 rgb(30,164,178)
```

Tetradic Color

#711c13
```
#711c13 rgb(113,28,19)
```
#862117
```
#862117 rgb(134,33,23)
```
#9c271a
```
#9c271a rgb(156,39,26)
```
#b22c1e
```
#b22c1e rgb(178,44,30)
```
#c83122
```
#c83122 rgb(200,49,34)
```
#db3928
```
#db3928 rgb(219,57,40)
```
#de4d3e
```
#de4d3e rgb(222,77,62)
```

Monochromatic Color

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

#b21e35
```
#b21e35 rgb(178,30,53)
```
#b21e29
```
#b21e29 rgb(178,30,41)
```
#b2201e
```
#b2201e rgb(178,32,30)
```
#b22c1e
```
#b22c1e rgb(178,44,30)
```
#b2381e
```
#b2381e rgb(178,56,30)
```
#b2451e
```
#b2451e rgb(178,69,30)
```
#b2511e
```
#b2511e rgb(178,81,30)
```

Similar Colors

Text with hexadecimal color #b22c1e

This text has a font color of #b22c1e.

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

#b22c1e background color

This paragraph has a background color of #b22c1e.

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

#b22c1e border color

This element has a border color of #b22c1e.

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

CSS codes

.text {color:#b22c1e;}

.background {background-color:#b22c1e;}

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

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

#0a0302
```
#0a0302 rgb(10,3,2)
```
#1b0705
```
#1b0705 rgb(27,7,5)
```
#2c0b07
```
#2c0b07 rgb(44,11,7)
```
#3c0f0a
```
#3c0f0a rgb(60,15,10)
```
#4d130d
```
#4d130d rgb(77,19,13)
```
#5e1710
```
#5e1710 rgb(94,23,16)
```
#6f1b13
```
#6f1b13 rgb(111,27,19)
```
#802016
```
#802016 rgb(128,32,22)
```
#902418
```
#902418 rgb(144,36,24)
```
#a1281b
```
#a1281b rgb(161,40,27)
```
#b22c1e
```
#b22c1e rgb(178,44,30)
```
#c33021
```
#c33021 rgb(195,48,33)
```
#d43424
```
#d43424 rgb(212,52,36)
```

Shade Color Variation

#dc3f2f
```
#dc3f2f rgb(220,63,47)
```
#df4f40
```
#df4f40 rgb(223,79,64)
```
#e25e50
```
#e25e50 rgb(226,94,80)
```
#e46e61
```
#e46e61 rgb(228,110,97)
```
#e77d72
```
#e77d72 rgb(231,125,114)
```
#ea8d83
```
#ea8d83 rgb(234,141,131)
```
#ed9c94
```
#ed9c94 rgb(237,156,148)
```
#f0aca4
```
#f0aca4 rgb(240,172,164)
```
#f3bbb5
```
#f3bbb5 rgb(243,187,181)
```
#f5cac6
```
#f5cac6 rgb(245,202,198)
```
#f8dad7
```
#f8dad7 rgb(248,218,215)
```
#fbe9e8
```
#fbe9e8 rgb(251,233,232)
```
#fef9f8
```
#fef9f8 rgb(254,249,248)
```

Tint Color Variation

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

#6a6666
```
#6a6666 rgb(106,102,102)
```
#72605e
```
#72605e rgb(114,96,94)
```
#7a5956
```
#7a5956 rgb(122,89,86)
```
#82534e
```
#82534e rgb(130,83,78)
```
#8a4c46
```
#8a4c46 rgb(138,76,70)
```
#92463e
```
#92463e rgb(146,70,62)
```
#9a3f36
```
#9a3f36 rgb(154,63,54)
```
#a2392e
```
#a2392e rgb(162,57,46)
```
#aa3226
```
#aa3226 rgb(170,50,38)
```
#b22c1e
```
#b22c1e rgb(178,44,30)
```
#ba2616
```
#ba2616 rgb(186,38,22)
```
#c21f0e
```
#c21f0e rgb(194,31,14)
```
#ca1906
```
#ca1906 rgb(202,25,6)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#654a48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#716736 Protanopia 1% of men
#80621c Deuteranopia 1% of men
#b63537 Tritanopia 0.001% of the population

Trichromacy

#88512d Protanomaly 1% of men, 0.01% of women
#924e1d Deuteranomaly 6% of men, 0.4% of women
#b4312d Tritanomaly 0.01% of the population

#b22c1e hex color

#b22c1e Color Information

#b22c1e Color Conversion

Color Schemes with #b22c1e

Alternatives to #b22c1e

#b22c1e Preview

Shades and Tints of #b22c1e

Tones of #b22c1e

Color Blindness Simulator