#b31886 hex color

In a RGB color space, hex #b31886 is composed of 70.2% red, 9.4% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.6% magenta, 25.1% yellow and 29.8% black. It has a hue angle of 317.4 degrees, a saturation of 76.4% and a lightness of 39.8%. #b31886 color hex could be obtained by blending #ff30ff with #67000d. Closest websafe color is: #cc0099.

♥
- f
- t
- g
- R 70
- G 9
- B 53
RGB color chart
- C 0
- M 87
- Y 25
- K 30
CMYK color chart

● #b31886 color description : Strong pink.

The hexadecimal color #b31886 has RGB values of R:179, G:24, B:134 and CMYK values of C:0, M:0.87, Y:0.25, K:0.3. Its decimal value is 11737222.

Hex triplet	b31886	`#b31886`
RGB Decimal	179, 24, 134	`rgb(179,24,134)`
RGB Percent	70.2, 9.4, 52.5	`rgb(70.2%,9.4%,52.5%)`
CMYK	0, 87, 25, 30
HSL	317.4°, 76.4, 39.8	`hsl(317.4,76.4%,39.8%)`
HSV (or HSB)	317.4°, 86.6, 70.2
Web Safe	cc0099	`#cc0099`

CIE-LAB	41.153, 66.22, -21.664
XYZ	23.22, 11.96, 23.639
xyY	0.395, 0.203, 11.96
CIE-LCH	41.153, 69.674, 341.884
CIE-LUV	41.153, 75.814, -40.028
Hunter-Lab	34.584, 59.327, -16.317
Binary	10110011, 00011000, 10000110

#b31886
```
#b31886 rgb(179,24,134)
```
#18b345
```
#18b345 rgb(24,179,69)
```

Complementary Color

#9318b3
```
#9318b3 rgb(147,24,179)
```
#b31886
```
#b31886 rgb(179,24,134)
```
#b31838
```
#b31838 rgb(179,24,56)
```

Analogous Color

#18b393
```
#18b393 rgb(24,179,147)
```
#b31886
```
#b31886 rgb(179,24,134)
```
#39b318
```
#39b318 rgb(57,179,24)
```

Split Complementary Color

#1886b3
```
#1886b3 rgb(24,134,179)
```
#b31886
```
#b31886 rgb(179,24,134)
```
#86b318
```
#86b318 rgb(134,179,24)
```

Triadic Color

#4518b3
```
#4518b3 rgb(69,24,179)
```
#b31886
```
#b31886 rgb(179,24,134)
```
#86b318
```
#86b318 rgb(134,179,24)
```
#18b345
```
#18b345 rgb(24,179,69)
```

Tetradic Color

#700f54
```
#700f54 rgb(112,15,84)
```
#861264
```
#861264 rgb(134,18,100)
```
#9d1575
```
#9d1575 rgb(157,21,117)
```
#b31886
```
#b31886 rgb(179,24,134)
```
#c91b97
```
#c91b97 rgb(201,27,151)
```
#e01ea8
```
#e01ea8 rgb(224,30,168)
```
#e434b1
```
#e434b1 rgb(228,52,177)
```

Monochromatic Color

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

#b318ad
```
#b318ad rgb(179,24,173)
```
#b318a0
```
#b318a0 rgb(179,24,160)
```
#b31893
```
#b31893 rgb(179,24,147)
```
#b31886
```
#b31886 rgb(179,24,134)
```
#b31879
```
#b31879 rgb(179,24,121)
```
#b3186c
```
#b3186c rgb(179,24,108)
```
#b3185f
```
#b3185f rgb(179,24,95)
```

Similar Colors

Text with hexadecimal color #b31886

This text has a font color of #b31886.

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

#b31886 background color

This paragraph has a background color of #b31886.

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

#b31886 border color

This element has a border color of #b31886.

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

CSS codes

.text {color:#b31886;}

.background {background-color:#b31886;}

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

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

#060105
```
#060105 rgb(6,1,5)
```
#170311
```
#170311 rgb(23,3,17)
```
#29051e
```
#29051e rgb(41,5,30)
```
#3a082b
```
#3a082b rgb(58,8,43)
```
#4b0a38
```
#4b0a38 rgb(75,10,56)
```
#5d0c45
```
#5d0c45 rgb(93,12,69)
```
#6e0f52
```
#6e0f52 rgb(110,15,82)
```
#7f115f
```
#7f115f rgb(127,17,95)
```
#90136c
```
#90136c rgb(144,19,108)
```
#a21679
```
#a21679 rgb(162,22,121)
```
#b31886
```
#b31886 rgb(179,24,134)
```
#c41a93
```
#c41a93 rgb(196,26,147)
```
#d61da0
```
#d61da0 rgb(214,29,160)
```

Shade Color Variation

#e224ab
```
#e224ab rgb(226,36,171)
```
#e435b1
```
#e435b1 rgb(228,53,177)
```
#e647b8
```
#e647b8 rgb(230,71,184)
```
#e958bf
```
#e958bf rgb(233,88,191)
```
#eb69c5
```
#eb69c5 rgb(235,105,197)
```
#ed7bcc
```
#ed7bcc rgb(237,123,204)
```
#f08cd3
```
#f08cd3 rgb(240,140,211)
```
#f29dd9
```
#f29dd9 rgb(242,157,217)
```
#f4afe0
```
#f4afe0 rgb(244,175,224)
```
#f7c0e7
```
#f7c0e7 rgb(247,192,231)
```
#f9d1ed
```
#f9d1ed rgb(249,209,237)
```
#fbe2f4
```
#fbe2f4 rgb(251,226,244)
```
#fdf4fb
```
#fdf4fb rgb(253,244,251)
```

Tint Color Variation

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

#6d5e69
```
#6d5e69 rgb(109,94,105)
```
#75566c
```
#75566c rgb(117,86,108)
```
#7c4f6f
```
#7c4f6f rgb(124,79,111)
```
#844772
```
#844772 rgb(132,71,114)
```
#8c3f76
```
#8c3f76 rgb(140,63,118)
```
#943779
```
#943779 rgb(148,55,121)
```
#9c2f7c
```
#9c2f7c rgb(156,47,124)
```
#a3287f
```
#a3287f rgb(163,40,127)
```
#ab2083
```
#ab2083 rgb(171,32,131)
```
#b31886
```
#b31886 rgb(179,24,134)
```
#bb1089
```
#bb1089 rgb(187,16,137)
```
#c3088d
```
#c3088d rgb(195,8,141)
```
#ca0190
```
#ca0190 rgb(202,1,144)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#66475d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e66b4 Protanopia 1% of men
#67677f Deuteranopia 1% of men
#b14145 Tritanopia 0.001% of the population

Trichromacy

#684aa3 Protanomaly 1% of men, 0.01% of women
#824a81 Deuteranomaly 6% of men, 0.4% of women
#b1325c Tritanomaly 0.01% of the population

#b31886 hex color

#b31886 Color Information

#b31886 Color Conversion

Color Schemes with #b31886

Alternatives to #b31886

#b31886 Preview

Shades and Tints of #b31886

Tones of #b31886

Color Blindness Simulator