#b31493 hex color

In a RGB color space, hex #b31493 is composed of 70.2% red, 7.8% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.8% magenta, 17.9% yellow and 29.8% black. It has a hue angle of 312.1 degrees, a saturation of 79.9% and a lightness of 39%. #b31493 color hex could be obtained by blending #ff28ff with #670027. Closest websafe color is: #cc0099.

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

● #b31493 color description : Strong magenta.

The hexadecimal color #b31493 has RGB values of R:179, G:20, B:147 and CMYK values of C:0, M:0.89, Y:0.18, K:0.3. Its decimal value is 11736211.

Hex triplet	b31493	`#b31493`
RGB Decimal	179, 20, 147	`rgb(179,20,147)`
RGB Percent	70.2, 7.8, 57.6	`rgb(70.2%,7.8%,57.6%)`
CMYK	0, 89, 18, 30
HSL	312.1°, 79.9, 39	`hsl(312.1,79.9%,39%)`
HSV (or HSB)	312.1°, 88.8, 70.2
Web Safe	cc0099	`#cc0099`

CIE-LAB	41.521, 68.564, -29.04
XYZ	24.107, 12.193, 28.686
xyY	0.371, 0.188, 12.193
CIE-LCH	41.521, 74.461, 337.045
CIE-LUV	41.521, 70.82, -50.678
Hunter-Lab	34.918, 62.128, -24.266
Binary	10110011, 00010100, 10010011

#b31493
```
#b31493 rgb(179,20,147)
```
#14b334
```
#14b334 rgb(20,179,52)
```

Complementary Color

#8414b3
```
#8414b3 rgb(132,20,179)
```
#b31493
```
#b31493 rgb(179,20,147)
```
#b31444
```
#b31444 rgb(179,20,68)
```

Analogous Color

#14b384
```
#14b384 rgb(20,179,132)
```
#b31493
```
#b31493 rgb(179,20,147)
```
#44b314
```
#44b314 rgb(68,179,20)
```

Split Complementary Color

#1493b3
```
#1493b3 rgb(20,147,179)
```
#b31493
```
#b31493 rgb(179,20,147)
```
#93b314
```
#93b314 rgb(147,179,20)
```

Triadic Color

#3414b3
```
#3414b3 rgb(52,20,179)
```
#b31493
```
#b31493 rgb(179,20,147)
```
#93b314
```
#93b314 rgb(147,179,20)
```
#14b334
```
#14b334 rgb(20,179,52)
```

Tetradic Color

#6e0c5a
```
#6e0c5a rgb(110,12,90)
```
#850f6d
```
#850f6d rgb(133,15,109)
```
#9c1180
```
#9c1180 rgb(156,17,128)
```
#b31493
```
#b31493 rgb(179,20,147)
```
#ca17a6
```
#ca17a6 rgb(202,23,166)
```
#e119b9
```
#e119b9 rgb(225,25,185)
```
#e72cc2
```
#e72cc2 rgb(231,44,194)
```

Monochromatic Color

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

#ab14b3
```
#ab14b3 rgb(171,20,179)
```
#b314ae
```
#b314ae rgb(179,20,174)
```
#b314a0
```
#b314a0 rgb(179,20,160)
```
#b31493
```
#b31493 rgb(179,20,147)
```
#b31486
```
#b31486 rgb(179,20,134)
```
#b31479
```
#b31479 rgb(179,20,121)
```
#b3146b
```
#b3146b rgb(179,20,107)
```

Similar Colors

Text with hexadecimal color #b31493

This text has a font color of #b31493.

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

#b31493 background color

This paragraph has a background color of #b31493.

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

#b31493 border color

This element has a border color of #b31493.

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

CSS codes

.text {color:#b31493;}

.background {background-color:#b31493;}

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

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

#030002
```
#030002 rgb(3,0,2)
```
#140211
```
#140211 rgb(20,2,17)
```
#26041f
```
#26041f rgb(38,4,31)
```
#37062e
```
#37062e rgb(55,6,46)
```
#49083c
```
#49083c rgb(73,8,60)
```
#5b0a4b
```
#5b0a4b rgb(91,10,75)
```
#6c0c59
```
#6c0c59 rgb(108,12,89)
```
#7e0e68
```
#7e0e68 rgb(126,14,104)
```
#901076
```
#901076 rgb(144,16,118)
```
#a11285
```
#a11285 rgb(161,18,133)
```
#b31493
```
#b31493 rgb(179,20,147)
```
#c516a1
```
#c516a1 rgb(197,22,161)
```
#d618b0
```
#d618b0 rgb(214,24,176)
```

Shade Color Variation

#e61cbd
```
#e61cbd rgb(230,28,189)
```
#e82ec2
```
#e82ec2 rgb(232,46,194)
```
#ea3fc7
```
#ea3fc7 rgb(234,63,199)
```
#ec51cc
```
#ec51cc rgb(236,81,204)
```
#ee63d2
```
#ee63d2 rgb(238,99,210)
```
#f074d7
```
#f074d7 rgb(240,116,215)
```
#f186dc
```
#f186dc rgb(241,134,220)
```
#f398e1
```
#f398e1 rgb(243,152,225)
```
#f5a9e6
```
#f5a9e6 rgb(245,169,230)
```
#f7bbeb
```
#f7bbeb rgb(247,187,235)
```
#f9cdf0
```
#f9cdf0 rgb(249,205,240)
```
#fbdef5
```
#fbdef5 rgb(251,222,245)
```
#fdf0fb
```
#fdf0fb rgb(253,240,251)
```

Tint Color Variation

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

#666165
```
#666165 rgb(102,97,101)
```
#6e596a
```
#6e596a rgb(110,89,106)
```
#76516e
```
#76516e rgb(118,81,110)
```
#7d4a73
```
#7d4a73 rgb(125,74,115)
```
#854278
```
#854278 rgb(133,66,120)
```
#8d3a7c
```
#8d3a7c rgb(141,58,124)
```
#943381
```
#943381 rgb(148,51,129)
```
#9c2b85
```
#9c2b85 rgb(156,43,133)
```
#a4238a
```
#a4238a rgb(164,35,138)
```
#ab1c8e
```
#ab1c8e rgb(171,28,142)
```
#b31493
```
#b31493 rgb(179,20,147)
```
#bb0c98
```
#bb0c98 rgb(187,12,152)
```
#c2059c
```
#c2059c rgb(194,5,156)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#65465f Atypical Achromatopsia 0.001% of the population

Dichromacy

#2266c5 Protanopia 1% of men
#60688a Deuteranopia 1% of men
#af4549 Tritanopia 0.001% of the population

Trichromacy

#5748b3 Protanomaly 1% of men, 0.01% of women
#7e498d Deuteranomaly 6% of men, 0.4% of women
#b03364 Tritanomaly 0.01% of the population

#b31493 hex color

#b31493 Color Information

#b31493 Color Conversion

Color Schemes with #b31493

Alternatives to #b31493

#b31493 Preview

Shades and Tints of #b31493

Tones of #b31493

Color Blindness Simulator