#b31222 hex color

In a RGB color space, hex #b31222 is composed of 70.2% red, 7.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.9% magenta, 81% yellow and 29.8% black. It has a hue angle of 354 degrees, a saturation of 81.7% and a lightness of 38.6%. #b31222 color hex could be obtained by blending #ff2444 with #670000. Closest websafe color is: #cc0033.

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

● #b31222 color description : Strong red.

The hexadecimal color #b31222 has RGB values of R:179, G:18, B:34 and CMYK values of C:0, M:0.9, Y:0.81, K:0.3. Its decimal value is 11735586.

Hex triplet	b31222	`#b31222`
RGB Decimal	179, 18, 34	`rgb(179,18,34)`
RGB Percent	70.2, 7.1, 13.3	`rgb(70.2%,7.1%,13.3%)`
CMYK	0, 90, 81, 30
HSL	354°, 81.7, 38.6	`hsl(354,81.7%,38.6%)`
HSV (or HSB)	354°, 89.9, 70.2
Web Safe	cc0033	`#cc0033`

CIE-LAB	38.082, 59.734, 36.675
XYZ	19.096, 10.134, 2.464
xyY	0.603, 0.32, 10.134
CIE-LCH	38.082, 70.094, 31.549
CIE-LUV	38.082, 113.909, 21.104
Hunter-Lab	31.834, 51.366, 17.695
Binary	10110011, 00010010, 00100010

#b31222
```
#b31222 rgb(179,18,34)
```
#12b3a3
```
#12b3a3 rgb(18,179,163)
```

Complementary Color

#b31273
```
#b31273 rgb(179,18,115)
```
#b31222
```
#b31222 rgb(179,18,34)
```
#b35212
```
#b35212 rgb(179,82,18)
```

Analogous Color

#1273b3
```
#1273b3 rgb(18,115,179)
```
#b31222
```
#b31222 rgb(179,18,34)
```
#12b353
```
#12b353 rgb(18,179,83)
```

Split Complementary Color

#1222b3
```
#1222b3 rgb(18,34,179)
```
#b31222
```
#b31222 rgb(179,18,34)
```
#22b312
```
#22b312 rgb(34,179,18)
```

Triadic Color

#a312b3
```
#a312b3 rgb(163,18,179)
```
#b31222
```
#b31222 rgb(179,18,34)
```
#22b312
```
#22b312 rgb(34,179,18)
```
#12b3a3
```
#12b3a3 rgb(18,179,163)
```

Tetradic Color

#6d0b15
```
#6d0b15 rgb(109,11,21)
```
#850d19
```
#850d19 rgb(133,13,25)
```
#9c101e
```
#9c101e rgb(156,16,30)
```
#b31222
```
#b31222 rgb(179,18,34)
```
#ca1426
```
#ca1426 rgb(202,20,38)
```
#e1172b
```
#e1172b rgb(225,23,43)
```
#e9283b
```
#e9283b rgb(233,40,59)
```

Monochromatic Color

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

#b3124a
```
#b3124a rgb(179,18,74)
```
#b3123d
```
#b3123d rgb(179,18,61)
```
#b3122f
```
#b3122f rgb(179,18,47)
```
#b31222
```
#b31222 rgb(179,18,34)
```
#b31215
```
#b31215 rgb(179,18,21)
```
#b31d12
```
#b31d12 rgb(179,29,18)
```
#b32a12
```
#b32a12 rgb(179,42,18)
```

Similar Colors

Text with hexadecimal color #b31222

This text has a font color of #b31222.

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

#b31222 background color

This paragraph has a background color of #b31222.

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

#b31222 border color

This element has a border color of #b31222.

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

CSS codes

.text {color:#b31222;}

.background {background-color:#b31222;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#130204
```
#130204 rgb(19,2,4)
```
#240407
```
#240407 rgb(36,4,7)
```
#36050a
```
#36050a rgb(54,5,10)
```
#48070e
```
#48070e rgb(72,7,14)
```
#5a0911
```
#5a0911 rgb(90,9,17)
```
#6c0b14
```
#6c0b14 rgb(108,11,20)
```
#7e0d18
```
#7e0d18 rgb(126,13,24)
```
#8f0e1b
```
#8f0e1b rgb(143,14,27)
```
#a1101f
```
#a1101f rgb(161,16,31)
```
#b31222
```
#b31222 rgb(179,18,34)
```
#c51425
```
#c51425 rgb(197,20,37)
```
#d71629
```
#d71629 rgb(215,22,41)
```

Shade Color Variation

#e8182d
```
#e8182d rgb(232,24,45)
```
#ea2a3d
```
#ea2a3d rgb(234,42,61)
```
#eb3c4d
```
#eb3c4d rgb(235,60,77)
```
#ed4e5d
```
#ed4e5d rgb(237,78,93)
```
#ef5f6e
```
#ef5f6e rgb(239,95,110)
```
#f1717e
```
#f1717e rgb(241,113,126)
```
#f3838e
```
#f3838e rgb(243,131,142)
```
#f4959e
```
#f4959e rgb(244,149,158)
```
#f6a7af
```
#f6a7af rgb(246,167,175)
```
#f8b8bf
```
#f8b8bf rgb(248,184,191)
```
#facacf
```
#facacf rgb(250,202,207)
```
#fbdcdf
```
#fbdcdf rgb(251,220,223)
```
#fdeeef
```
#fdeeef rgb(253,238,239)
```

Tint Color Variation

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

#675e5f
```
#675e5f rgb(103,94,95)
```
#6f5659
```
#6f5659 rgb(111,86,89)
```
#764f53
```
#764f53 rgb(118,79,83)
```
#7e474c
```
#7e474c rgb(126,71,76)
```
#863f46
```
#863f46 rgb(134,63,70)
```
#8d3840
```
#8d3840 rgb(141,56,64)
```
#95303a
```
#95303a rgb(149,48,58)
```
#9c2934
```
#9c2934 rgb(156,41,52)
```
#a4212e
```
#a4212e rgb(164,33,46)
```
#ab1a28
```
#ab1a28 rgb(171,26,40)
```
#b31222
```
#b31222 rgb(179,18,34)
```
#bb0a1c
```
#bb0a1c rgb(187,10,28)
```
#c20316
```
#c20316 rgb(194,3,22)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#5a3a3d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a623e Protanopia 1% of men
#7a5d20 Deuteranopia 1% of men
#b6211f Tritanopia 0.001% of the population

Trichromacy

#854534 Protanomaly 1% of men, 0.01% of women
#8e4220 Deuteranomaly 6% of men, 0.4% of women
#b51b20 Tritanomaly 0.01% of the population

#b31222 hex color

#b31222 Color Information

#b31222 Color Conversion

Color Schemes with #b31222

Alternatives to #b31222

#b31222 Preview

Shades and Tints of #b31222

Tones of #b31222

Color Blindness Simulator