#b7312a hex color

In a RGB color space, hex #b7312a is composed of 71.8% red, 19.2% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.2% magenta, 77% yellow and 28.2% black. It has a hue angle of 3 degrees, a saturation of 62.7% and a lightness of 44.1%. #b7312a color hex could be obtained by blending #ff6254 with #6f0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 72
- G 19
- B 16
RGB color chart
- C 0
- M 73
- Y 77
- K 28
CMYK color chart

● #b7312a color description : Strong red.

The hexadecimal color #b7312a has RGB values of R:183, G:49, B:42 and CMYK values of C:0, M:0.73, Y:0.77, K:0.28. Its decimal value is 12005674.

Hex triplet	b7312a	`#b7312a`
RGB Decimal	183, 49, 42	`rgb(183,49,42)`
RGB Percent	71.8, 19.2, 16.5	`rgb(71.8%,19.2%,16.5%)`
CMYK	0, 73, 77, 28
HSL	3°, 62.7, 44.1	`hsl(3,62.7%,44.1%)`
HSV (or HSB)	3°, 77, 71.8
Web Safe	cc3333	`#cc3333`

CIE-LAB	41.897, 52.934, 36.339
XYZ	21.046, 12.434, 3.482
xyY	0.569, 0.336, 12.434
CIE-LCH	41.897, 64.207, 34.47
CIE-LUV	41.897, 102.575, 24.502
Hunter-Lab	35.261, 44.83, 18.828
Binary	10110111, 00110001, 00101010

#b7312a
```
#b7312a rgb(183,49,42)
```
#2ab0b7
```
#2ab0b7 rgb(42,176,183)
```

Complementary Color

#b72a6a
```
#b72a6a rgb(183,42,106)
```
#b7312a
```
#b7312a rgb(183,49,42)
```
#b7782a
```
#b7782a rgb(183,120,42)
```

Analogous Color

#2a6ab7
```
#2a6ab7 rgb(42,106,183)
```
#b7312a
```
#b7312a rgb(183,49,42)
```
#2ab778
```
#2ab778 rgb(42,183,120)
```

Split Complementary Color

#312ab7
```
#312ab7 rgb(49,42,183)
```
#b7312a
```
#b7312a rgb(183,49,42)
```
#2ab731
```
#2ab731 rgb(42,183,49)
```

Triadic Color

#b72ab0
```
#b72ab0 rgb(183,42,176)
```
#b7312a
```
#b7312a rgb(183,49,42)
```
#2ab731
```
#2ab731 rgb(42,183,49)
```
#2ab0b7
```
#2ab0b7 rgb(42,176,183)
```

Tetradic Color

#79201c
```
#79201c rgb(121,32,28)
```
#8e2620
```
#8e2620 rgb(142,38,32)
```
#a22b25
```
#a22b25 rgb(162,43,37)
```
#b7312a
```
#b7312a rgb(183,49,42)
```
#cc372f
```
#cc372f rgb(204,55,47)
```
#d34841
```
#d34841 rgb(211,72,65)
```
#d85c55
```
#d85c55 rgb(216,92,85)
```

Monochromatic Color

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

#b72a46
```
#b72a46 rgb(183,42,70)
```
#b72a3b
```
#b72a3b rgb(183,42,59)
```
#b72a2f
```
#b72a2f rgb(183,42,47)
```
#b7312a
```
#b7312a rgb(183,49,42)
```
#b73d2a
```
#b73d2a rgb(183,61,42)
```
#b7492a
```
#b7492a rgb(183,73,42)
```
#b7542a
```
#b7542a rgb(183,84,42)
```

Similar Colors

Text with hexadecimal color #b7312a

This text has a font color of #b7312a.

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

#b7312a background color

This paragraph has a background color of #b7312a.

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

#b7312a border color

This element has a border color of #b7312a.

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

CSS codes

.text {color:#b7312a;}

.background {background-color:#b7312a;}

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

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

#080202
```
#080202 rgb(8,2,2)
```
#170605
```
#170605 rgb(23,6,5)
```
#270b09
```
#270b09 rgb(39,11,9)
```
#370f0d
```
#370f0d rgb(55,15,13)
```
#471310
```
#471310 rgb(71,19,16)
```
#571714
```
#571714 rgb(87,23,20)
```
#671c18
```
#671c18 rgb(103,28,24)
```
#77201b
```
#77201b rgb(119,32,27)
```
#87241f
```
#87241f rgb(135,36,31)
```
#972823
```
#972823 rgb(151,40,35)
```
#a72d26
```
#a72d26 rgb(167,45,38)
```
#b7312a
```
#b7312a rgb(183,49,42)
```
#c7352e
```
#c7352e rgb(199,53,46)
```

Shade Color Variation

#d13f37
```
#d13f37 rgb(209,63,55)
```
#d54e47
```
#d54e47 rgb(213,78,71)
```
#d85d57
```
#d85d57 rgb(216,93,87)
```
#dc6d67
```
#dc6d67 rgb(220,109,103)
```
#e07c77
```
#e07c77 rgb(224,124,119)
```
#e38b87
```
#e38b87 rgb(227,139,135)
```
#e79b97
```
#e79b97 rgb(231,155,151)
```
#ebaaa7
```
#ebaaa7 rgb(235,170,167)
```
#eebab7
```
#eebab7 rgb(238,186,183)
```
#f2c9c7
```
#f2c9c7 rgb(242,201,199)
```
#f6d8d7
```
#f6d8d7 rgb(246,216,215)
```
#f9e8e7
```
#f9e8e7 rgb(249,232,231)
```
#fdf7f7
```
#fdf7f7 rgb(253,247,247)
```

Tint Color Variation

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

#726f6f
```
#726f6f rgb(114,111,111)
```
#7a6867
```
#7a6867 rgb(122,104,103)
```
#83605e
```
#83605e rgb(131,96,94)
```
#8c5855
```
#8c5855 rgb(140,88,85)
```
#94504d
```
#94504d rgb(148,80,77)
```
#9d4844
```
#9d4844 rgb(157,72,68)
```
#a6413b
```
#a6413b rgb(166,65,59)
```
#ae3933
```
#ae3933 rgb(174,57,51)
```
#b7312a
```
#b7312a rgb(183,49,42)
```
#c02921
```
#c02921 rgb(192,41,33)
```
#c82119
```
#c82119 rgb(200,33,25)
```
#d11a10
```
#d11a10 rgb(209,26,16)
```
#da1207
```
#da1207 rgb(218,18,7)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#6b504f Atypical Achromatopsia 0.001% of the population

Dichromacy

#746a43 Protanopia 1% of men
#84662a Deuteranopia 1% of men
#bb3a3c Tritanopia 0.001% of the population

Trichromacy

#8c5539 Protanomaly 1% of men, 0.01% of women
#96522a Deuteranomaly 6% of men, 0.4% of women
#b93736 Tritanomaly 0.01% of the population

#b7312a hex color

#b7312a Color Information

#b7312a Color Conversion

Color Schemes with #b7312a

Alternatives to #b7312a

#b7312a Preview

Shades and Tints of #b7312a

Tones of #b7312a

Color Blindness Simulator