#b21822 hex color

In a RGB color space, hex #b21822 is composed of 69.8% red, 9.4% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.5% magenta, 80.9% yellow and 30.2% black. It has a hue angle of 356.1 degrees, a saturation of 76.2% and a lightness of 39.6%. #b21822 color hex could be obtained by blending #ff3044 with #650000. Closest websafe color is: #990033.

♥
- f
- t
- g
- R 70
- G 9
- B 13
RGB color chart
- C 0
- M 87
- Y 81
- K 30
CMYK color chart

● #b21822 color description : Dark red.

The hexadecimal color #b21822 has RGB values of R:178, G:24, B:34 and CMYK values of C:0, M:0.87, Y:0.81, K:0.3. Its decimal value is 11671586.

Hex triplet	b21822	`#b21822`
RGB Decimal	178, 24, 34	`rgb(178,24,34)`
RGB Percent	69.8, 9.4, 13.3	`rgb(69.8%,9.4%,13.3%)`
CMYK	0, 87, 81, 30
HSL	356.1°, 76.2, 39.6	`hsl(356.1,76.2%,39.6%)`
HSV (or HSB)	356.1°, 86.5, 69.8
Web Safe	990033	`#990033`

CIE-LAB	38.263, 58.341, 36.789
XYZ	18.976, 10.236, 2.49
xyY	0.599, 0.323, 10.236
CIE-LCH	38.263, 68.971, 32.235
CIE-LUV	38.263, 111.365, 21.64
Hunter-Lab	31.994, 49.883, 17.782
Binary	10110010, 00011000, 00100010

#b21822
```
#b21822 rgb(178,24,34)
```
#18b2a8
```
#18b2a8 rgb(24,178,168)
```

Complementary Color

#b2186f
```
#b2186f rgb(178,24,111)
```
#b21822
```
#b21822 rgb(178,24,34)
```
#b25b18
```
#b25b18 rgb(178,91,24)
```

Analogous Color

#186fb2
```
#186fb2 rgb(24,111,178)
```
#b21822
```
#b21822 rgb(178,24,34)
```
#18b25b
```
#18b25b rgb(24,178,91)
```

Split Complementary Color

#1822b2
```
#1822b2 rgb(24,34,178)
```
#b21822
```
#b21822 rgb(178,24,34)
```
#22b218
```
#22b218 rgb(34,178,24)
```

Triadic Color

#a818b2
```
#a818b2 rgb(168,24,178)
```
#b21822
```
#b21822 rgb(178,24,34)
```
#22b218
```
#22b218 rgb(34,178,24)
```
#18b2a8
```
#18b2a8 rgb(24,178,168)
```

Tetradic Color

#6f0f15
```
#6f0f15 rgb(111,15,21)
```
#851219
```
#851219 rgb(133,18,25)
```
#9c151e
```
#9c151e rgb(156,21,30)
```
#b21822
```
#b21822 rgb(178,24,34)
```
#c81b26
```
#c81b26 rgb(200,27,38)
```
#df1e2b
```
#df1e2b rgb(223,30,43)
```
#e3333e
```
#e3333e rgb(227,51,62)
```

Monochromatic Color

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

#b21848
```
#b21848 rgb(178,24,72)
```
#b2183c
```
#b2183c rgb(178,24,60)
```
#b2182f
```
#b2182f rgb(178,24,47)
```
#b21822
```
#b21822 rgb(178,24,34)
```
#b21b18
```
#b21b18 rgb(178,27,24)
```
#b22818
```
#b22818 rgb(178,40,24)
```
#b23518
```
#b23518 rgb(178,53,24)
```

Similar Colors

Text with hexadecimal color #b21822

This text has a font color of #b21822.

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

#b21822 background color

This paragraph has a background color of #b21822.

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

#b21822 border color

This element has a border color of #b21822.

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

CSS codes

.text {color:#b21822;}

.background {background-color:#b21822;}

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

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 #fdf3f4 is the lightest one.

#050101
```
#050101 rgb(5,1,1)
```
#160304
```
#160304 rgb(22,3,4)
```
#280508
```
#280508 rgb(40,5,8)
```
#39080b
```
#39080b rgb(57,8,11)
```
#4a0a0e
```
#4a0a0e rgb(74,10,14)
```
#5c0c11
```
#5c0c11 rgb(92,12,17)
```
#6d0f15
```
#6d0f15 rgb(109,15,21)
```
#7e1118
```
#7e1118 rgb(126,17,24)
```
#8f131b
```
#8f131b rgb(143,19,27)
```
#a1161f
```
#a1161f rgb(161,22,31)
```
#b21822
```
#b21822 rgb(178,24,34)
```
#c31a25
```
#c31a25 rgb(195,26,37)
```
#d51d29
```
#d51d29 rgb(213,29,41)
```

Shade Color Variation

#e12330
```
#e12330 rgb(225,35,48)
```
#e43540
```
#e43540 rgb(228,53,64)
```
#e64650
```
#e64650 rgb(230,70,80)
```
#e85761
```
#e85761 rgb(232,87,97)
```
#eb6971
```
#eb6971 rgb(235,105,113)
```
#ed7a81
```
#ed7a81 rgb(237,122,129)
```
#ef8b92
```
#ef8b92 rgb(239,139,146)
```
#f29ca2
```
#f29ca2 rgb(242,156,162)
```
#f4aeb2
```
#f4aeb2 rgb(244,174,178)
```
#f6bfc3
```
#f6bfc3 rgb(246,191,195)
```
#f9d0d3
```
#f9d0d3 rgb(249,208,211)
```
#fbe2e3
```
#fbe2e3 rgb(251,226,227)
```
#fdf3f4
```
#fdf3f4 rgb(253,243,244)
```

Tint Color Variation

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

#6c5e5f
```
#6c5e5f rgb(108,94,95)
```
#745658
```
#745658 rgb(116,86,88)
```
#7c4e51
```
#7c4e51 rgb(124,78,81)
```
#83474b
```
#83474b rgb(131,71,75)
```
#8b3f44
```
#8b3f44 rgb(139,63,68)
```
#93373d
```
#93373d rgb(147,55,61)
```
#9b2f36
```
#9b2f36 rgb(155,47,54)
```
#a22830
```
#a22830 rgb(162,40,48)
```
#aa2029
```
#aa2029 rgb(170,32,41)
```
#b21822
```
#b21822 rgb(178,24,34)
```
#ba101b
```
#ba101b rgb(186,16,27)
```
#c20814
```
#c20814 rgb(194,8,20)
```
#c9010e
```
#c9010e rgb(201,1,14)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#5c3e40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b623d Protanopia 1% of men
#7a5e20 Deuteranopia 1% of men
#b52524 Tritanopia 0.001% of the population

Trichromacy

#854733 Protanomaly 1% of men, 0.01% of women
#8e4421 Deuteranomaly 6% of men, 0.4% of women
#b42023 Tritanomaly 0.01% of the population

#b21822 hex color

#b21822 Color Information

#b21822 Color Conversion

Color Schemes with #b21822

Alternatives to #b21822

#b21822 Preview

Shades and Tints of #b21822

Tones of #b21822

Color Blindness Simulator