#b31457 hex color

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

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

● #b31457 color description : Strong pink.

The hexadecimal color #b31457 has RGB values of R:179, G:20, B:87 and CMYK values of C:0, M:0.89, Y:0.51, K:0.3. Its decimal value is 11736151.

Hex triplet	b31457	`#b31457`
RGB Decimal	179, 20, 87	`rgb(179,20,87)`
RGB Percent	70.2, 7.8, 34.1	`rgb(70.2%,7.8%,34.1%)`
CMYK	0, 89, 51, 30
HSL	334.7°, 79.9, 39	`hsl(334.7,79.9%,39%)`
HSV (or HSB)	334.7°, 88.8, 70.2
Web Safe	cc0066	`#cc0066`

CIE-LAB	39.198, 62.23, 4.894
XYZ	20.562, 10.774, 10.013
xyY	0.497, 0.261, 10.774
CIE-LCH	39.198, 62.423, 4.496
CIE-LUV	39.198, 96.674, -5.809
Hunter-Lab	32.825, 54.371, 4.89
Binary	10110011, 00010100, 01010111

#b31457
```
#b31457 rgb(179,20,87)
```
#14b370
```
#14b370 rgb(20,179,112)
```

Complementary Color

#b314a7
```
#b314a7 rgb(179,20,167)
```
#b31457
```
#b31457 rgb(179,20,87)
```
#b32014
```
#b32014 rgb(179,32,20)
```

Analogous Color

#14a7b3
```
#14a7b3 rgb(20,167,179)
```
#b31457
```
#b31457 rgb(179,20,87)
```
#14b320
```
#14b320 rgb(20,179,32)
```

Split Complementary Color

#1457b3
```
#1457b3 rgb(20,87,179)
```
#b31457
```
#b31457 rgb(179,20,87)
```
#57b314
```
#57b314 rgb(87,179,20)
```

Triadic Color

#7014b3
```
#7014b3 rgb(112,20,179)
```
#b31457
```
#b31457 rgb(179,20,87)
```
#57b314
```
#57b314 rgb(87,179,20)
```
#14b370
```
#14b370 rgb(20,179,112)
```

Tetradic Color

#6e0c36
```
#6e0c36 rgb(110,12,54)
```
#850f41
```
#850f41 rgb(133,15,65)
```
#9c114c
```
#9c114c rgb(156,17,76)
```
#b31457
```
#b31457 rgb(179,20,87)
```
#ca1762
```
#ca1762 rgb(202,23,98)
```
#e1196d
```
#e1196d rgb(225,25,109)
```
#e72c7b
```
#e72c7b rgb(231,44,123)
```

Monochromatic Color

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

#b3147f
```
#b3147f rgb(179,20,127)
```
#b31472
```
#b31472 rgb(179,20,114)
```
#b31464
```
#b31464 rgb(179,20,100)
```
#b31457
```
#b31457 rgb(179,20,87)
```
#b3144a
```
#b3144a rgb(179,20,74)
```
#b3143d
```
#b3143d rgb(179,20,61)
```
#b3142f
```
#b3142f rgb(179,20,47)
```

Similar Colors

Text with hexadecimal color #b31457

This text has a font color of #b31457.

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

#b31457 background color

This paragraph has a background color of #b31457.

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

#b31457 border color

This element has a border color of #b31457.

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

CSS codes

.text {color:#b31457;}

.background {background-color:#b31457;}

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

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

#030001
```
#030001 rgb(3,0,1)
```
#14020a
```
#14020a rgb(20,2,10)
```
#260412
```
#260412 rgb(38,4,18)
```
#37061b
```
#37061b rgb(55,6,27)
```
#490824
```
#490824 rgb(73,8,36)
```
#5b0a2c
```
#5b0a2c rgb(91,10,44)
```
#6c0c35
```
#6c0c35 rgb(108,12,53)
```
#7e0e3d
```
#7e0e3d rgb(126,14,61)
```
#901046
```
#901046 rgb(144,16,70)
```
#a1124e
```
#a1124e rgb(161,18,78)
```
#b31457
```
#b31457 rgb(179,20,87)
```
#c51660
```
#c51660 rgb(197,22,96)
```
#d61868
```
#d61868 rgb(214,24,104)
```

Shade Color Variation

#e61c71
```
#e61c71 rgb(230,28,113)
```
#e82e7c
```
#e82e7c rgb(232,46,124)
```
#ea3f87
```
#ea3f87 rgb(234,63,135)
```
#ec5192
```
#ec5192 rgb(236,81,146)
```
#ee639d
```
#ee639d rgb(238,99,157)
```
#f074a8
```
#f074a8 rgb(240,116,168)
```
#f186b3
```
#f186b3 rgb(241,134,179)
```
#f398be
```
#f398be rgb(243,152,190)
```
#f5a9c9
```
#f5a9c9 rgb(245,169,201)
```
#f7bbd4
```
#f7bbd4 rgb(247,187,212)
```
#f9cddf
```
#f9cddf rgb(249,205,223)
```
#fbdeeb
```
#fbdeeb rgb(251,222,235)
```
#fdf0f6
```
#fdf0f6 rgb(253,240,246)
```

Tint Color Variation

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

#666163
```
#666163 rgb(102,97,99)
```
#6e5962
```
#6e5962 rgb(110,89,98)
```
#765161
```
#765161 rgb(118,81,97)
```
#7d4a5f
```
#7d4a5f rgb(125,74,95)
```
#85425e
```
#85425e rgb(133,66,94)
```
#8d3a5d
```
#8d3a5d rgb(141,58,93)
```
#94335c
```
#94335c rgb(148,51,92)
```
#9c2b5b
```
#9c2b5b rgb(156,43,91)
```
#a42359
```
#a42359 rgb(164,35,89)
```
#ab1c58
```
#ab1c58 rgb(171,28,88)
```
#b31457
```
#b31457 rgb(179,20,87)
```
#bb0c56
```
#bb0c56 rgb(187,12,86)
```
#c20555
```
#c20555 rgb(194,5,85)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#60404d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d637d Protanopia 1% of men
#736155 Deuteranopia 1% of men
#b43031 Tritanopia 0.001% of the population

Trichromacy

#7c466f Protanomaly 1% of men, 0.01% of women
#8a4556 Deuteranomaly 6% of men, 0.4% of women
#b4263f Tritanomaly 0.01% of the population

#b31457 hex color

#b31457 Color Information

#b31457 Color Conversion

Color Schemes with #b31457

Alternatives to #b31457

#b31457 Preview

Shades and Tints of #b31457

Tones of #b31457

Color Blindness Simulator