#b31422 hex color

In a RGB color space, hex #b31422 is composed of 70.2% red, 7.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.8% magenta, 81% yellow and 29.8% black. It has a hue angle of 354.7 degrees, a saturation of 79.9% and a lightness of 39%. #b31422 color hex could be obtained by blending #ff2844 with #670000. Closest websafe color is: #cc0033.

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

● #b31422 color description : Strong red.

The hexadecimal color #b31422 has RGB values of R:179, G:20, B:34 and CMYK values of C:0, M:0.89, Y:0.81, K:0.3. Its decimal value is 11736098.

Hex triplet	b31422	`#b31422`
RGB Decimal	179, 20, 34	`rgb(179,20,34)`
RGB Percent	70.2, 7.8, 13.3	`rgb(70.2%,7.8%,13.3%)`
CMYK	0, 89, 81, 30
HSL	354.7°, 79.9, 39	`hsl(354.7,79.9%,39%)`
HSV (or HSB)	354.7°, 88.8, 70.2
Web Safe	cc0033	`#cc0033`

CIE-LAB	38.203, 59.389, 36.796
XYZ	19.13, 10.202, 2.475
xyY	0.601, 0.321, 10.202
CIE-LCH	38.203, 69.864, 31.782
CIE-LUV	38.203, 113.361, 21.325
Hunter-Lab	31.941, 51.014, 17.764
Binary	10110011, 00010100, 00100010

#b31422
```
#b31422 rgb(179,20,34)
```
#14b3a5
```
#14b3a5 rgb(20,179,165)
```

Complementary Color

#b31472
```
#b31472 rgb(179,20,114)
```
#b31422
```
#b31422 rgb(179,20,34)
```
#b35514
```
#b35514 rgb(179,85,20)
```

Analogous Color

#1472b3
```
#1472b3 rgb(20,114,179)
```
#b31422
```
#b31422 rgb(179,20,34)
```
#14b355
```
#14b355 rgb(20,179,85)
```

Split Complementary Color

#1422b3
```
#1422b3 rgb(20,34,179)
```
#b31422
```
#b31422 rgb(179,20,34)
```
#22b314
```
#22b314 rgb(34,179,20)
```

Triadic Color

#a514b3
```
#a514b3 rgb(165,20,179)
```
#b31422
```
#b31422 rgb(179,20,34)
```
#22b314
```
#22b314 rgb(34,179,20)
```
#14b3a5
```
#14b3a5 rgb(20,179,165)
```

Tetradic Color

#6e0c15
```
#6e0c15 rgb(110,12,21)
```
#850f19
```
#850f19 rgb(133,15,25)
```
#9c111e
```
#9c111e rgb(156,17,30)
```
#b31422
```
#b31422 rgb(179,20,34)
```
#ca1726
```
#ca1726 rgb(202,23,38)
```
#e1192b
```
#e1192b rgb(225,25,43)
```
#e72c3d
```
#e72c3d rgb(231,44,61)
```

Monochromatic Color

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

#b3144a
```
#b3144a rgb(179,20,74)
```
#b3143d
```
#b3143d rgb(179,20,61)
```
#b3142f
```
#b3142f rgb(179,20,47)
```
#b31422
```
#b31422 rgb(179,20,34)
```
#b31415
```
#b31415 rgb(179,20,21)
```
#b32014
```
#b32014 rgb(179,32,20)
```
#b32e14
```
#b32e14 rgb(179,46,20)
```

Similar Colors

Text with hexadecimal color #b31422

This text has a font color of #b31422.

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

#b31422 background color

This paragraph has a background color of #b31422.

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

#b31422 border color

This element has a border color of #b31422.

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

CSS codes

.text {color:#b31422;}

.background {background-color:#b31422;}

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

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

#030000
```
#030000 rgb(3,0,0)
```
#140204
```
#140204 rgb(20,2,4)
```
#260407
```
#260407 rgb(38,4,7)
```
#37060b
```
#37060b rgb(55,6,11)
```
#49080e
```
#49080e rgb(73,8,14)
```
#5b0a11
```
#5b0a11 rgb(91,10,17)
```
#6c0c15
```
#6c0c15 rgb(108,12,21)
```
#7e0e18
```
#7e0e18 rgb(126,14,24)
```
#90101b
```
#90101b rgb(144,16,27)
```
#a1121f
```
#a1121f rgb(161,18,31)
```
#b31422
```
#b31422 rgb(179,20,34)
```
#c51625
```
#c51625 rgb(197,22,37)
```
#d61829
```
#d61829 rgb(214,24,41)
```

Shade Color Variation

#e61c2e
```
#e61c2e rgb(230,28,46)
```
#e82e3e
```
#e82e3e rgb(232,46,62)
```
#ea3f4e
```
#ea3f4e rgb(234,63,78)
```
#ec515f
```
#ec515f rgb(236,81,95)
```
#ee636f
```
#ee636f rgb(238,99,111)
```
#f0747f
```
#f0747f rgb(240,116,127)
```
#f18690
```
#f18690 rgb(241,134,144)
```
#f398a0
```
#f398a0 rgb(243,152,160)
```
#f5a9b0
```
#f5a9b0 rgb(245,169,176)
```
#f7bbc0
```
#f7bbc0 rgb(247,187,192)
```
#f9cdd1
```
#f9cdd1 rgb(249,205,209)
```
#fbdee1
```
#fbdee1 rgb(251,222,225)
```
#fdf0f1
```
#fdf0f1 rgb(253,240,241)
```

Tint Color Variation

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

#666161
```
#666161 rgb(102,97,97)
```
#6e595b
```
#6e595b rgb(110,89,91)
```
#765154
```
#765154 rgb(118,81,84)
```
#7d4a4e
```
#7d4a4e rgb(125,74,78)
```
#854248
```
#854248 rgb(133,66,72)
```
#8d3a42
```
#8d3a42 rgb(141,58,66)
```
#94333b
```
#94333b rgb(148,51,59)
```
#9c2b35
```
#9c2b35 rgb(156,43,53)
```
#a4232f
```
#a4232f rgb(164,35,47)
```
#ab1c28
```
#ab1c28 rgb(171,28,40)
```
#b31422
```
#b31422 rgb(179,20,34)
```
#bb0c1c
```
#bb0c1c rgb(187,12,28)
```
#c20515
```
#c20515 rgb(194,5,21)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#5b3b3e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b623e Protanopia 1% of men
#7a5d20 Deuteranopia 1% of men
#b62221 Tritanopia 0.001% of the population

Trichromacy

#854533 Protanomaly 1% of men, 0.01% of women
#8e4320 Deuteranomaly 6% of men, 0.4% of women
#b51d21 Tritanomaly 0.01% of the population

#b31422 hex color

#b31422 Color Information

#b31422 Color Conversion

Color Schemes with #b31422

Alternatives to #b31422

#b31422 Preview

Shades and Tints of #b31422

Tones of #b31422

Color Blindness Simulator