colorhexa.com

#b31630 hex color

In a RGB color space, hex #b31630 is composed of 70.2% red, 8.6% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.7% magenta, 73.2% yellow and 29.8% black. It has a hue angle of 350.1 degrees, a saturation of 78.1% and a lightness of 39.4%. #b31630 color hex could be obtained by blending #ff2c60 with #670000. Closest websafe color is: #cc0033.

- R 70
- G 9
- B 19
RGB color chart
- C 0
- M 88
- Y 73
- K 30
CMYK color chart

● #b31630 color description : Strong red.

The hexadecimal color #b31630 has RGB values of R:179, G:22, B:48 and CMYK values of C:0, M:0.88, Y:0.73, K:0.3. Its decimal value is 11736624.

Hex triplet	b31630	`#b31630`
RGB Decimal	179, 22, 48	`rgb(179,22,48)`
RGB Percent	70.2, 8.6, 18.8	`rgb(70.2%,8.6%,18.8%)`
CMYK	0, 88, 73, 30
HSL	350.1°, 78.1, 39.4	`hsl(350.1,78.1%,39.4%)`
HSV (or HSB)	350.1°, 87.7, 70.2
Web Safe	cc0033	`#cc0033`

CIE-LAB	38.504, 59.518, 28.75
XYZ	19.412, 10.373, 3.776
xyY	0.578, 0.309, 10.373
CIE-LCH	38.504, 66.098, 25.783
CIE-LUV	38.504, 109.548, 16.359
Hunter-Lab	32.208, 51.219, 15.594
Binary	10110011, 00010110, 00110000

#b31630
```
#b31630 rgb(179,22,48)
```
#16b399
```
#16b399 rgb(22,179,153)
```

Complementary Color

#b3167f
```
#b3167f rgb(179,22,127)
```
#b31630
```
#b31630 rgb(179,22,48)
```
#b34b16
```
#b34b16 rgb(179,75,22)
```

Analogous Color

#167fb3
```
#167fb3 rgb(22,127,179)
```
#b31630
```
#b31630 rgb(179,22,48)
```
#16b34b
```
#16b34b rgb(22,179,75)
```

Split Complementary Color

#1630b3
```
#1630b3 rgb(22,48,179)
```
#b31630
```
#b31630 rgb(179,22,48)
```
#30b316
```
#30b316 rgb(48,179,22)
```

Triadic Color

#9916b3
```
#9916b3 rgb(153,22,179)
```
#b31630
```
#b31630 rgb(179,22,48)
```
#30b316
```
#30b316 rgb(48,179,22)
```
#16b399
```
#16b399 rgb(22,179,153)
```

Tetradic Color

#6f0e1e
```
#6f0e1e rgb(111,14,30)
```
#861024
```
#861024 rgb(134,16,36)
```
#9c132a
```
#9c132a rgb(156,19,42)
```
#b31630
```
#b31630 rgb(179,22,48)
```
#ca1936
```
#ca1936 rgb(202,25,54)
```
#e01c3c
```
#e01c3c rgb(224,28,60)
```
#e6304e
```
#e6304e rgb(230,48,78)
```

Monochromatic Color

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

#b31657
```
#b31657 rgb(179,22,87)
```
#b3164a
```
#b3164a rgb(179,22,74)
```
#b3163d
```
#b3163d rgb(179,22,61)
```
#b31630
```
#b31630 rgb(179,22,48)
```
#b31623
```
#b31623 rgb(179,22,35)
```
#b31616
```
#b31616 rgb(179,22,22)
```
#b32316
```
#b32316 rgb(179,35,22)
```

Similar Colors

Text with hexadecimal color #b31630

This text has a font color of #b31630.

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

#b31630 background color

This paragraph has a background color of #b31630.

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

#b31630 border color

This element has a border color of #b31630.

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

CSS codes

.text {color:#b31630;}

.background {background-color:#b31630;}

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

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

#040101
```
#040101 rgb(4,1,1)
```
#160306
```
#160306 rgb(22,3,6)
```
#27050b
```
#27050b rgb(39,5,11)
```
#39070f
```
#39070f rgb(57,7,15)
```
#4a0914
```
#4a0914 rgb(74,9,20)
```
#5c0b19
```
#5c0b19 rgb(92,11,25)
```
#6d0d1d
```
#6d0d1d rgb(109,13,29)
```
#7f1022
```
#7f1022 rgb(127,16,34)
```
#901227
```
#901227 rgb(144,18,39)
```
#a2142b
```
#a2142b rgb(162,20,43)
```
#b31630
```
#b31630 rgb(179,22,48)
```
#c41835
```
#c41835 rgb(196,24,53)
```
#d61a39
```
#d61a39 rgb(214,26,57)
```

Shade Color Variation

#e42041
```
#e42041 rgb(228,32,65)
```
#e63250
```
#e63250 rgb(230,50,80)
```
#e8435e
```
#e8435e rgb(232,67,94)
```
#ea556d
```
#ea556d rgb(234,85,109)
```
#ec667c
```
#ec667c rgb(236,102,124)
```
#ee788b
```
#ee788b rgb(238,120,139)
```
#f1899a
```
#f1899a rgb(241,137,154)
```
#f39ba9
```
#f39ba9 rgb(243,155,169)
```
#f5acb8
```
#f5acb8 rgb(245,172,184)
```
#f7bdc7
```
#f7bdc7 rgb(247,189,199)
```
#f9cfd6
```
#f9cfd6 rgb(249,207,214)
```
#fbe0e5
```
#fbe0e5 rgb(251,224,229)
```
#fdf2f4
```
#fdf2f4 rgb(253,242,244)
```

Tint Color Variation

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

#666364
```
#666364 rgb(102,99,100)
```
#6d5c5f
```
#6d5c5f rgb(109,92,95)
```
#755459
```
#755459 rgb(117,84,89)
```
#7d4c54
```
#7d4c54 rgb(125,76,84)
```
#85444f
```
#85444f rgb(133,68,79)
```
#8c3d4a
```
#8c3d4a rgb(140,61,74)
```
#943545
```
#943545 rgb(148,53,69)
```
#9c2d40
```
#9c2d40 rgb(156,45,64)
```
#a4253a
```
#a4253a rgb(164,37,58)
```
#ab1e35
```
#ab1e35 rgb(171,30,53)
```
#b31630
```
#b31630 rgb(179,22,48)
```
#bb0e2b
```
#bb0e2b rgb(187,14,43)
```
#c20726
```
#c20726 rgb(194,7,38)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#5d3e43 Atypical Achromatopsia 0.001% of the population

Dichromacy

#69634e Protanopia 1% of men
#795e30 Deuteranopia 1% of men
#b62626 Tritanopia 0.001% of the population

Trichromacy

#844743 Protanomaly 1% of men, 0.01% of women
#8e4430 Deuteranomaly 6% of men, 0.4% of women
#b52029 Tritanomaly 0.01% of the population