#b31158 hex color

In a RGB color space, hex #b31158 is composed of 70.2% red, 6.7% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.5% magenta, 50.8% yellow and 29.8% black. It has a hue angle of 333.7 degrees, a saturation of 82.7% and a lightness of 38.4%. #b31158 color hex could be obtained by blending #ff22b0 with #670000. Closest websafe color is: #cc0066.

♥
- f
- t
- g
- R 70
- G 7
- B 35
RGB color chart
- C 0
- M 91
- Y 51
- K 30
CMYK color chart

● #b31158 color description : Strong pink.

The hexadecimal color #b31158 has RGB values of R:179, G:17, B:88 and CMYK values of C:0, M:0.91, Y:0.51, K:0.3. Its decimal value is 11735384.

Hex triplet	b31158	`#b31158`
RGB Decimal	179, 17, 88	`rgb(179,17,88)`
RGB Percent	70.2, 6.7, 34.5	`rgb(70.2%,6.7%,34.5%)`
CMYK	0, 91, 51, 30
HSL	333.7°, 82.7, 38.4	`hsl(333.7,82.7%,38.4%)`
HSV (or HSB)	333.7°, 90.5, 70.2
Web Safe	cc0066	`#cc0066`

CIE-LAB	39.056, 62.801, 4.051
XYZ	20.553, 10.692, 10.213
xyY	0.496, 0.258, 10.692
CIE-LCH	39.056, 62.931, 3.691
CIE-LUV	39.056, 96.848, -6.864
Hunter-Lab	32.698, 54.979, 4.369
Binary	10110011, 00010001, 01011000

#b31158
```
#b31158 rgb(179,17,88)
```
#11b36c
```
#11b36c rgb(17,179,108)
```

Complementary Color

#b311a9
```
#b311a9 rgb(179,17,169)
```
#b31158
```
#b31158 rgb(179,17,88)
```
#b31b11
```
#b31b11 rgb(179,27,17)
```

Analogous Color

#11a9b3
```
#11a9b3 rgb(17,169,179)
```
#b31158
```
#b31158 rgb(179,17,88)
```
#11b31b
```
#11b31b rgb(17,179,27)
```

Split Complementary Color

#1158b3
```
#1158b3 rgb(17,88,179)
```
#b31158
```
#b31158 rgb(179,17,88)
```
#58b311
```
#58b311 rgb(88,179,17)
```

Triadic Color

#6c11b3
```
#6c11b3 rgb(108,17,179)
```
#b31158
```
#b31158 rgb(179,17,88)
```
#58b311
```
#58b311 rgb(88,179,17)
```
#11b36c
```
#11b36c rgb(17,179,108)
```

Tetradic Color

#6d0a36
```
#6d0a36 rgb(109,10,54)
```
#840d41
```
#840d41 rgb(132,13,65)
```
#9c0f4d
```
#9c0f4d rgb(156,15,77)
```
#b31158
```
#b31158 rgb(179,17,88)
```
#ca1363
```
#ca1363 rgb(202,19,99)
```
#e2156f
```
#e2156f rgb(226,21,111)
```
#ea267c
```
#ea267c rgb(234,38,124)
```

Monochromatic Color

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

#b31181
```
#b31181 rgb(179,17,129)
```
#b31173
```
#b31173 rgb(179,17,115)
```
#b31166
```
#b31166 rgb(179,17,102)
```
#b31158
```
#b31158 rgb(179,17,88)
```
#b3114b
```
#b3114b rgb(179,17,75)
```
#b3113d
```
#b3113d rgb(179,17,61)
```
#b31130
```
#b31130 rgb(179,17,48)
```

Similar Colors

Text with hexadecimal color #b31158

This text has a font color of #b31158.

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

#b31158 background color

This paragraph has a background color of #b31158.

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

#b31158 border color

This element has a border color of #b31158.

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

CSS codes

.text {color:#b31158;}

.background {background-color:#b31158;}

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

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

#120209
```
#120209 rgb(18,2,9)
```
#240312
```
#240312 rgb(36,3,18)
```
#36051a
```
#36051a rgb(54,5,26)
```
#480723
```
#480723 rgb(72,7,35)
```
#59082c
```
#59082c rgb(89,8,44)
```
#6b0a35
```
#6b0a35 rgb(107,10,53)
```
#7d0c3e
```
#7d0c3e rgb(125,12,62)
```
#8f0e46
```
#8f0e46 rgb(143,14,70)
```
#a10f4f
```
#a10f4f rgb(161,15,79)
```
#b31158
```
#b31158 rgb(179,17,88)
```
#c51361
```
#c51361 rgb(197,19,97)
```
#d7146a
```
#d7146a rgb(215,20,106)
```
#e91672
```
#e91672 rgb(233,22,114)
```

Shade Color Variation

#eb287d
```
#eb287d rgb(235,40,125)
```
#ec3a88
```
#ec3a88 rgb(236,58,136)
```
#ee4c93
```
#ee4c93 rgb(238,76,147)
```
#f05e9e
```
#f05e9e rgb(240,94,158)
```
#f170a8
```
#f170a8 rgb(241,112,168)
```
#f381b3
```
#f381b3 rgb(243,129,179)
```
#f593be
```
#f593be rgb(245,147,190)
```
#f6a5c9
```
#f6a5c9 rgb(246,165,201)
```
#f8b7d4
```
#f8b7d4 rgb(248,183,212)
```
#fac9de
```
#fac9de rgb(250,201,222)
```
#fcdbe9
```
#fcdbe9 rgb(252,219,233)
```
#fdedf4
```
#fdedf4 rgb(253,237,244)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#685c61
```
#685c61 rgb(104,92,97)
```
#6f5560
```
#6f5560 rgb(111,85,96)
```
#774d5f
```
#774d5f rgb(119,77,95)
```
#7e465f
```
#7e465f rgb(126,70,95)
```
#863e5e
```
#863e5e rgb(134,62,94)
```
#8d375d
```
#8d375d rgb(141,55,93)
```
#952f5c
```
#952f5c rgb(149,47,92)
```
#9c285b
```
#9c285b rgb(156,40,91)
```
#a4205a
```
#a4205a rgb(164,32,90)
```
#ab1959
```
#ab1959 rgb(171,25,89)
```
#b31158
```
#b31158 rgb(179,17,88)
```
#bb0957
```
#bb0957 rgb(187,9,87)
```
#c20256
```
#c20256 rgb(194,2,86)
```

Tone Color Variation

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

Dichromacy

#5c637f Protanopia 1% of men
#726056 Deuteranopia 1% of men
#b42f30 Tritanopia 0.001% of the population

Trichromacy

#7c4571 Protanomaly 1% of men, 0.01% of women
#8a4356 Deuteranomaly 6% of men, 0.4% of women
#b4243e Tritanomaly 0.01% of the population

#b31158 hex color

#b31158 Color Information

#b31158 Color Conversion

Color Schemes with #b31158

Alternatives to #b31158

#b31158 Preview

Shades and Tints of #b31158

Tones of #b31158

Color Blindness Simulator