#b31386 hex color

In a RGB color space, hex #b31386 is composed of 70.2% red, 7.5% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.4% magenta, 25.1% yellow and 29.8% black. It has a hue angle of 316.9 degrees, a saturation of 80.8% and a lightness of 38.8%. #b31386 color hex could be obtained by blending #ff26ff with #67000d. Closest websafe color is: #cc0099.

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

● #b31386 color description : Strong pink.

The hexadecimal color #b31386 has RGB values of R:179, G:19, B:134 and CMYK values of C:0, M:0.89, Y:0.25, K:0.3. Its decimal value is 11735942.

Hex triplet	b31386	`#b31386`
RGB Decimal	179, 19, 134	`rgb(179,19,134)`
RGB Percent	70.2, 7.5, 52.5	`rgb(70.2%,7.5%,52.5%)`
CMYK	0, 89, 25, 30
HSL	316.9°, 80.8, 38.8	`hsl(316.9,80.8%,38.8%)`
HSV (or HSB)	316.9°, 89.4, 70.2
Web Safe	cc0099	`#cc0099`

CIE-LAB	40.853, 67.093, -22.129
XYZ	23.127, 11.773, 23.607
xyY	0.395, 0.201, 11.773
CIE-LCH	40.853, 70.648, 341.746
CIE-LUV	40.853, 76.524, -40.731
Hunter-Lab	34.312, 60.267, -16.775
Binary	10110011, 00010011, 10000110

#b31386
```
#b31386 rgb(179,19,134)
```
#13b340
```
#13b340 rgb(19,179,64)
```

Complementary Color

#9013b3
```
#9013b3 rgb(144,19,179)
```
#b31386
```
#b31386 rgb(179,19,134)
```
#b31336
```
#b31336 rgb(179,19,54)
```

Analogous Color

#13b390
```
#13b390 rgb(19,179,144)
```
#b31386
```
#b31386 rgb(179,19,134)
```
#36b313
```
#36b313 rgb(54,179,19)
```

Split Complementary Color

#1386b3
```
#1386b3 rgb(19,134,179)
```
#b31386
```
#b31386 rgb(179,19,134)
```
#86b313
```
#86b313 rgb(134,179,19)
```

Triadic Color

#4013b3
```
#4013b3 rgb(64,19,179)
```
#b31386
```
#b31386 rgb(179,19,134)
```
#86b313
```
#86b313 rgb(134,179,19)
```
#13b340
```
#13b340 rgb(19,179,64)
```

Tetradic Color

#6e0c52
```
#6e0c52 rgb(110,12,82)
```
#850e63
```
#850e63 rgb(133,14,99)
```
#9c1175
```
#9c1175 rgb(156,17,117)
```
#b31386
```
#b31386 rgb(179,19,134)
```
#ca1597
```
#ca1597 rgb(202,21,151)
```
#e118a9
```
#e118a9 rgb(225,24,169)
```
#e82ab3
```
#e82ab3 rgb(232,42,179)
```

Monochromatic Color

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

#b313ae
```
#b313ae rgb(179,19,174)
```
#b313a1
```
#b313a1 rgb(179,19,161)
```
#b31393
```
#b31393 rgb(179,19,147)
```
#b31386
```
#b31386 rgb(179,19,134)
```
#b31379
```
#b31379 rgb(179,19,121)
```
#b3136b
```
#b3136b rgb(179,19,107)
```
#b3135e
```
#b3135e rgb(179,19,94)
```

Similar Colors

Text with hexadecimal color #b31386

This text has a font color of #b31386.

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

#b31386 background color

This paragraph has a background color of #b31386.

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

#b31386 border color

This element has a border color of #b31386.

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

CSS codes

.text {color:#b31386;}

.background {background-color:#b31386;}

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

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

#020001
```
#020001 rgb(2,0,1)
```
#13020f
```
#13020f rgb(19,2,15)
```
#25041c
```
#25041c rgb(37,4,28)
```
#370629
```
#370629 rgb(55,6,41)
```
#490836
```
#490836 rgb(73,8,54)
```
#5a0a44
```
#5a0a44 rgb(90,10,68)
```
#6c0b51
```
#6c0b51 rgb(108,11,81)
```
#7e0d5e
```
#7e0d5e rgb(126,13,94)
```
#900f6b
```
#900f6b rgb(144,15,107)
```
#a11179
```
#a11179 rgb(161,17,121)
```
#b31386
```
#b31386 rgb(179,19,134)
```
#c51593
```
#c51593 rgb(197,21,147)
```
#d617a1
```
#d617a1 rgb(214,23,161)
```

Shade Color Variation

#e71aad
```
#e71aad rgb(231,26,173)
```
#e92cb4
```
#e92cb4 rgb(233,44,180)
```
#ea3eba
```
#ea3eba rgb(234,62,186)
```
#ec4fc0
```
#ec4fc0 rgb(236,79,192)
```
#ee61c7
```
#ee61c7 rgb(238,97,199)
```
#f073cd
```
#f073cd rgb(240,115,205)
```
#f285d3
```
#f285d3 rgb(242,133,211)
```
#f496da
```
#f496da rgb(244,150,218)
```
#f6a8e0
```
#f6a8e0 rgb(246,168,224)
```
#f8bae6
```
#f8bae6 rgb(248,186,230)
```
#facbed
```
#facbed rgb(250,203,237)
```
#fbddf3
```
#fbddf3 rgb(251,221,243)
```
#fdeff9
```
#fdeff9 rgb(253,239,249)
```

Tint Color Variation

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

#675f65
```
#675f65 rgb(103,95,101)
```
#6e5868
```
#6e5868 rgb(110,88,104)
```
#76506b
```
#76506b rgb(118,80,107)
```
#7e486f
```
#7e486f rgb(126,72,111)
```
#854172
```
#854172 rgb(133,65,114)
```
#8d3975
```
#8d3975 rgb(141,57,117)
```
#953179
```
#953179 rgb(149,49,121)
```
#9c2a7c
```
#9c2a7c rgb(156,42,124)
```
#a4227f
```
#a4227f rgb(164,34,127)
```
#ab1b83
```
#ab1b83 rgb(171,27,131)
```
#b31386
```
#b31386 rgb(179,19,134)
```
#bb0b89
```
#bb0b89 rgb(187,11,137)
```
#c2048d
```
#c2048d rgb(194,4,141)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#64445b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a65b6 Protanopia 1% of men
#65667f Deuteranopia 1% of men
#b04043 Tritanopia 0.001% of the population

Trichromacy

#6647a4 Protanomaly 1% of men, 0.01% of women
#814881 Deuteranomaly 6% of men, 0.4% of women
#b12f5b Tritanomaly 0.01% of the population

#b31386 hex color

#b31386 Color Information

#b31386 Color Conversion

Color Schemes with #b31386

Alternatives to #b31386

#b31386 Preview

Shades and Tints of #b31386

Tones of #b31386

Color Blindness Simulator