#b31228 hex color

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

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

● #b31228 color description : Strong red.

The hexadecimal color #b31228 has RGB values of R:179, G:18, B:40 and CMYK values of C:0, M:0.9, Y:0.78, K:0.3. Its decimal value is 11735592.

Hex triplet	b31228	`#b31228`
RGB Decimal	179, 18, 40	`rgb(179,18,40)`
RGB Percent	70.2, 7.1, 15.7	`rgb(70.2%,7.1%,15.7%)`
CMYK	0, 90, 78, 30
HSL	351.8°, 81.7, 38.6	`hsl(351.8,81.7%,38.6%)`
HSV (or HSB)	351.8°, 89.9, 70.2
Web Safe	cc0033	`#cc0033`

CIE-LAB	38.149, 59.926, 33.222
XYZ	19.191, 10.172, 2.96
xyY	0.594, 0.315, 10.172
CIE-LCH	38.149, 68.519, 29.003
CIE-LUV	38.149, 112.62, 19.058
Hunter-Lab	31.894, 51.592, 16.822
Binary	10110011, 00010010, 00101000

#b31228
```
#b31228 rgb(179,18,40)
```
#12b39d
```
#12b39d rgb(18,179,157)
```

Complementary Color

#b31279
```
#b31279 rgb(179,18,121)
```
#b31228
```
#b31228 rgb(179,18,40)
```
#b34d12
```
#b34d12 rgb(179,77,18)
```

Analogous Color

#1279b3
```
#1279b3 rgb(18,121,179)
```
#b31228
```
#b31228 rgb(179,18,40)
```
#12b34d
```
#12b34d rgb(18,179,77)
```

Split Complementary Color

#1228b3
```
#1228b3 rgb(18,40,179)
```
#b31228
```
#b31228 rgb(179,18,40)
```
#28b312
```
#28b312 rgb(40,179,18)
```

Triadic Color

#9d12b3
```
#9d12b3 rgb(157,18,179)
```
#b31228
```
#b31228 rgb(179,18,40)
```
#28b312
```
#28b312 rgb(40,179,18)
```
#12b39d
```
#12b39d rgb(18,179,157)
```

Tetradic Color

#6d0b18
```
#6d0b18 rgb(109,11,24)
```
#850d1e
```
#850d1e rgb(133,13,30)
```
#9c1023
```
#9c1023 rgb(156,16,35)
```
#b31228
```
#b31228 rgb(179,18,40)
```
#ca142d
```
#ca142d rgb(202,20,45)
```
#e11732
```
#e11732 rgb(225,23,50)
```
#e92843
```
#e92843 rgb(233,40,67)
```

Monochromatic Color

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

#b31250
```
#b31250 rgb(179,18,80)
```
#b31243
```
#b31243 rgb(179,18,67)
```
#b31235
```
#b31235 rgb(179,18,53)
```
#b31228
```
#b31228 rgb(179,18,40)
```
#b3121b
```
#b3121b rgb(179,18,27)
```
#b31712
```
#b31712 rgb(179,23,18)
```
#b32412
```
#b32412 rgb(179,36,18)
```

Similar Colors

Text with hexadecimal color #b31228

This text has a font color of #b31228.

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

#b31228 background color

This paragraph has a background color of #b31228.

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

#b31228 border color

This element has a border color of #b31228.

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

CSS codes

.text {color:#b31228;}

.background {background-color:#b31228;}

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

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 #fdeef0 is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#130204
```
#130204 rgb(19,2,4)
```
#240408
```
#240408 rgb(36,4,8)
```
#36050c
```
#36050c rgb(54,5,12)
```
#480710
```
#480710 rgb(72,7,16)
```
#5a0914
```
#5a0914 rgb(90,9,20)
```
#6c0b18
```
#6c0b18 rgb(108,11,24)
```
#7e0d1c
```
#7e0d1c rgb(126,13,28)
```
#8f0e20
```
#8f0e20 rgb(143,14,32)
```
#a11024
```
#a11024 rgb(161,16,36)
```
#b31228
```
#b31228 rgb(179,18,40)
```
#c5142c
```
#c5142c rgb(197,20,44)
```
#d71630
```
#d71630 rgb(215,22,48)
```

Shade Color Variation

#e81834
```
#e81834 rgb(232,24,52)
```
#ea2a44
```
#ea2a44 rgb(234,42,68)
```
#eb3c54
```
#eb3c54 rgb(235,60,84)
```
#ed4e63
```
#ed4e63 rgb(237,78,99)
```
#ef5f73
```
#ef5f73 rgb(239,95,115)
```
#f17183
```
#f17183 rgb(241,113,131)
```
#f38392
```
#f38392 rgb(243,131,146)
```
#f495a2
```
#f495a2 rgb(244,149,162)
```
#f6a7b2
```
#f6a7b2 rgb(246,167,178)
```
#f8b8c1
```
#f8b8c1 rgb(248,184,193)
```
#facad1
```
#facad1 rgb(250,202,209)
```
#fbdce0
```
#fbdce0 rgb(251,220,224)
```
#fdeef0
```
#fdeef0 rgb(253,238,240)
```

Tint Color Variation

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

#675e5f
```
#675e5f rgb(103,94,95)
```
#6f565a
```
#6f565a rgb(111,86,90)
```
#764f54
```
#764f54 rgb(118,79,84)
```
#7e474f
```
#7e474f rgb(126,71,79)
```
#863f49
```
#863f49 rgb(134,63,73)
```
#8d3844
```
#8d3844 rgb(141,56,68)
```
#95303e
```
#95303e rgb(149,48,62)
```
#9c2939
```
#9c2939 rgb(156,41,57)
```
#a42133
```
#a42133 rgb(164,33,51)
```
#ab1a2e
```
#ab1a2e rgb(171,26,46)
```
#b31228
```
#b31228 rgb(179,18,40)
```
#bb0a22
```
#bb0a22 rgb(187,10,34)
```
#c2031d
```
#c2031d rgb(194,3,29)
```

Tone Color Variation

Below, you can see how #b31228 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
#5b3b3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a6245 Protanopia 1% of men
#795d27 Deuteranopia 1% of men
#b62220 Tritanopia 0.001% of the population

Trichromacy

#84453a Protanomaly 1% of men, 0.01% of women
#8e4227 Deuteranomaly 6% of men, 0.4% of women
#b51c23 Tritanomaly 0.01% of the population

#b31228 hex color

#b31228 Color Information

#b31228 Color Conversion

Color Schemes with #b31228

Alternatives to #b31228

#b31228 Preview

Shades and Tints of #b31228

Tones of #b31228

Color Blindness Simulator