#b31d22 hex color

In a RGB color space, hex #b31d22 is composed of 70.2% red, 11.4% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.8% magenta, 81% yellow and 29.8% black. It has a hue angle of 358 degrees, a saturation of 72.1% and a lightness of 40.8%. #b31d22 color hex could be obtained by blending #ff3a44 with #670000. Closest websafe color is: #cc3333.

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

● #b31d22 color description : Strong red.

The hexadecimal color #b31d22 has RGB values of R:179, G:29, B:34 and CMYK values of C:0, M:0.84, Y:0.81, K:0.3. Its decimal value is 11738402.

Hex triplet	b31d22	`#b31d22`
RGB Decimal	179, 29, 34	`rgb(179,29,34)`
RGB Percent	70.2, 11.4, 13.3	`rgb(70.2%,11.4%,13.3%)`
CMYK	0, 84, 81, 30
HSL	358°, 72.1, 40.8	`hsl(358,72.1%,40.8%)`
HSV (or HSB)	358°, 83.8, 70.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	38.865, 57.498, 37.461
XYZ	19.32, 10.58, 2.538
xyY	0.596, 0.326, 10.58
CIE-LCH	38.865, 68.625, 33.085
CIE-LUV	38.865, 110.364, 22.539
Hunter-Lab	32.527, 49.096, 18.143
Binary	10110011, 00011101, 00100010

#b31d22
```
#b31d22 rgb(179,29,34)
```
#1db3ae
```
#1db3ae rgb(29,179,174)
```

Complementary Color

#b31d6d
```
#b31d6d rgb(179,29,109)
```
#b31d22
```
#b31d22 rgb(179,29,34)
```
#b3631d
```
#b3631d rgb(179,99,29)
```

Analogous Color

#1d6db3
```
#1d6db3 rgb(29,109,179)
```
#b31d22
```
#b31d22 rgb(179,29,34)
```
#1db363
```
#1db363 rgb(29,179,99)
```

Split Complementary Color

#1d22b3
```
#1d22b3 rgb(29,34,179)
```
#b31d22
```
#b31d22 rgb(179,29,34)
```
#22b31d
```
#22b31d rgb(34,179,29)
```

Triadic Color

#ae1db3
```
#ae1db3 rgb(174,29,179)
```
#b31d22
```
#b31d22 rgb(179,29,34)
```
#22b31d
```
#22b31d rgb(34,179,29)
```
#1db3ae
```
#1db3ae rgb(29,179,174)
```

Tetradic Color

#711215
```
#711215 rgb(113,18,21)
```
#87161a
```
#87161a rgb(135,22,26)
```
#9d191e
```
#9d191e rgb(157,25,30)
```
#b31d22
```
#b31d22 rgb(179,29,34)
```
#c92126
```
#c92126 rgb(201,33,38)
```
#dc272d
```
#dc272d rgb(220,39,45)
```
#e03d42
```
#e03d42 rgb(224,61,66)
```

Monochromatic Color

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

#b31d48
```
#b31d48 rgb(179,29,72)
```
#b31d3b
```
#b31d3b rgb(179,29,59)
```
#b31d2f
```
#b31d2f rgb(179,29,47)
```
#b31d22
```
#b31d22 rgb(179,29,34)
```
#b3251d
```
#b3251d rgb(179,37,29)
```
#b3311d
```
#b3311d rgb(179,49,29)
```
#b33e1d
```
#b33e1d rgb(179,62,29)
```

Similar Colors

Text with hexadecimal color #b31d22

This text has a font color of #b31d22.

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

#b31d22 background color

This paragraph has a background color of #b31d22.

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

#b31d22 border color

This element has a border color of #b31d22.

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

CSS codes

.text {color:#b31d22;}

.background {background-color:#b31d22;}

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

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

#0a0202
```
#0a0202 rgb(10,2,2)
```
#1b0405
```
#1b0405 rgb(27,4,5)
```
#2c0708
```
#2c0708 rgb(44,7,8)
```
#3d0a0c
```
#3d0a0c rgb(61,10,12)
```
#4e0d0f
```
#4e0d0f rgb(78,13,15)
```
#5f0f12
```
#5f0f12 rgb(95,15,18)
```
#6f1215
```
#6f1215 rgb(111,18,21)
```
#801518
```
#801518 rgb(128,21,24)
```
#91181c
```
#91181c rgb(145,24,28)
```
#a21a1f
```
#a21a1f rgb(162,26,31)
```
#b31d22
```
#b31d22 rgb(179,29,34)
```
#c42025
```
#c42025 rgb(196,32,37)
```
#d52228
```
#d52228 rgb(213,34,40)
```

Shade Color Variation

#dd2e34
```
#dd2e34 rgb(221,46,52)
```
#e03f44
```
#e03f44 rgb(224,63,68)
```
#e35054
```
#e35054 rgb(227,80,84)
```
#e56065
```
#e56065 rgb(229,96,101)
```
#e87175
```
#e87175 rgb(232,113,117)
```
#eb8286
```
#eb8286 rgb(235,130,134)
```
#ee9396
```
#ee9396 rgb(238,147,150)
```
#f0a4a6
```
#f0a4a6 rgb(240,164,166)
```
#f3b5b7
```
#f3b5b7 rgb(243,181,183)
```
#f6c6c7
```
#f6c6c7 rgb(246,198,199)
```
#f8d7d8
```
#f8d7d8 rgb(248,215,216)
```
#fbe7e8
```
#fbe7e8 rgb(251,231,232)
```
#fef8f9
```
#fef8f9 rgb(254,248,249)
```

Tint Color Variation

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

#6b6565
```
#6b6565 rgb(107,101,101)
```
#735d5e
```
#735d5e rgb(115,93,94)
```
#7b5556
```
#7b5556 rgb(123,85,86)
```
#834d4f
```
#834d4f rgb(131,77,79)
```
#8b4547
```
#8b4547 rgb(139,69,71)
```
#933d40
```
#933d40 rgb(147,61,64)
```
#9b3538
```
#9b3538 rgb(155,53,56)
```
#a32d31
```
#a32d31 rgb(163,45,49)
```
#ab2529
```
#ab2529 rgb(171,37,41)
```
#b31d22
```
#b31d22 rgb(179,29,34)
```
#bb151b
```
#bb151b rgb(187,21,27)
```
#c30d13
```
#c30d13 rgb(195,13,19)
```
#cb050c
```
#cb050c rgb(203,5,12)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#5f4142 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d643d Protanopia 1% of men
#7c5f20 Deuteranopia 1% of men
#b62929 Tritanopia 0.001% of the population

Trichromacy

#864a33 Protanomaly 1% of men, 0.01% of women
#904721 Deuteranomaly 6% of men, 0.4% of women
#b52426 Tritanomaly 0.01% of the population

#b31d22 hex color

#b31d22 Color Information

#b31d22 Color Conversion

Color Schemes with #b31d22

Alternatives to #b31d22

#b31d22 Preview

Shades and Tints of #b31d22

Tones of #b31d22

Color Blindness Simulator