#b31580 hex color

In a RGB color space, hex #b31580 is composed of 70.2% red, 8.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.3% magenta, 28.5% yellow and 29.8% black. It has a hue angle of 319.4 degrees, a saturation of 79% and a lightness of 39.2%. #b31580 color hex could be obtained by blending #ff2aff with #670001. Closest websafe color is: #cc0099.

♥
- f
- t
- g
- R 70
- G 8
- B 50
RGB color chart
- C 0
- M 88
- Y 28
- K 30
CMYK color chart

● #b31580 color description : Strong pink.

The hexadecimal color #b31580 has RGB values of R:179, G:21, B:128 and CMYK values of C:0, M:0.88, Y:0.28, K:0.3. Its decimal value is 11736448.

Hex triplet	b31580	`#b31580`
RGB Decimal	179, 21, 128	`rgb(179,21,128)`
RGB Percent	70.2, 8.2, 50.2	`rgb(70.2%,8.2%,50.2%)`
CMYK	0, 88, 28, 30
HSL	319.4°, 79, 39.2	`hsl(319.4,79%,39.2%)`
HSV (or HSB)	319.4°, 88.3, 70.2
Web Safe	cc0099	`#cc0099`

CIE-LAB	40.704, 66.054, -18.656
XYZ	22.755, 11.681, 21.477
xyY	0.407, 0.209, 11.681
CIE-LCH	40.704, 68.638, 344.228
CIE-LUV	40.704, 78.865, -35.823
Hunter-Lab	34.177, 59.036, -13.334
Binary	10110011, 00010101, 10000000

#b31580
```
#b31580 rgb(179,21,128)
```
#15b348
```
#15b348 rgb(21,179,72)
```

Complementary Color

#9715b3
```
#9715b3 rgb(151,21,179)
```
#b31580
```
#b31580 rgb(179,21,128)
```
#b31531
```
#b31531 rgb(179,21,49)
```

Analogous Color

#15b397
```
#15b397 rgb(21,179,151)
```
#b31580
```
#b31580 rgb(179,21,128)
```
#31b315
```
#31b315 rgb(49,179,21)
```

Split Complementary Color

#1580b3
```
#1580b3 rgb(21,128,179)
```
#b31580
```
#b31580 rgb(179,21,128)
```
#80b315
```
#80b315 rgb(128,179,21)
```

Triadic Color

#4815b3
```
#4815b3 rgb(72,21,179)
```
#b31580
```
#b31580 rgb(179,21,128)
```
#80b315
```
#80b315 rgb(128,179,21)
```
#15b348
```
#15b348 rgb(21,179,72)
```

Tetradic Color

#6f0d4f
```
#6f0d4f rgb(111,13,79)
```
#85105f
```
#85105f rgb(133,16,95)
```
#9c1270
```
#9c1270 rgb(156,18,112)
```
#b31580
```
#b31580 rgb(179,21,128)
```
#ca1890
```
#ca1890 rgb(202,24,144)
```
#e11aa1
```
#e11aa1 rgb(225,26,161)
```
#e62eab
```
#e62eab rgb(230,46,171)
```

Monochromatic Color

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

#b315a8
```
#b315a8 rgb(179,21,168)
```
#b3159a
```
#b3159a rgb(179,21,154)
```
#b3158d
```
#b3158d rgb(179,21,141)
```
#b31580
```
#b31580 rgb(179,21,128)
```
#b31573
```
#b31573 rgb(179,21,115)
```
#b31566
```
#b31566 rgb(179,21,102)
```
#b31558
```
#b31558 rgb(179,21,88)
```

Similar Colors

Text with hexadecimal color #b31580

This text has a font color of #b31580.

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

#b31580 background color

This paragraph has a background color of #b31580.

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

#b31580 border color

This element has a border color of #b31580.

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

CSS codes

.text {color:#b31580;}

.background {background-color:#b31580;}

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

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 #fdf1f9 is the lightest one.

#030002
```
#030002 rgb(3,0,2)
```
#15020f
```
#15020f rgb(21,2,15)
```
#27051c
```
#27051c rgb(39,5,28)
```
#380728
```
#380728 rgb(56,7,40)
```
#4a0935
```
#4a0935 rgb(74,9,53)
```
#5b0b41
```
#5b0b41 rgb(91,11,65)
```
#6d0d4e
```
#6d0d4e rgb(109,13,78)
```
#7e0f5a
```
#7e0f5a rgb(126,15,90)
```
#901167
```
#901167 rgb(144,17,103)
```
#a11373
```
#a11373 rgb(161,19,115)
```
#b31580
```
#b31580 rgb(179,21,128)
```
#c5178d
```
#c5178d rgb(197,23,141)
```
#d61999
```
#d61999 rgb(214,25,153)
```

Shade Color Variation

#e51ea5
```
#e51ea5 rgb(229,30,165)
```
#e730ac
```
#e730ac rgb(231,48,172)
```
#e941b3
```
#e941b3 rgb(233,65,179)
```
#eb53ba
```
#eb53ba rgb(235,83,186)
```
#ed64c1
```
#ed64c1 rgb(237,100,193)
```
#ef76c8
```
#ef76c8 rgb(239,118,200)
```
#f188cf
```
#f188cf rgb(241,136,207)
```
#f399d6
```
#f399d6 rgb(243,153,214)
```
#f5abdd
```
#f5abdd rgb(245,171,221)
```
#f7bce4
```
#f7bce4 rgb(247,188,228)
```
#f9ceeb
```
#f9ceeb rgb(249,206,235)
```
#fbdff2
```
#fbdff2 rgb(251,223,242)
```
#fdf1f9
```
#fdf1f9 rgb(253,241,249)
```

Tint Color Variation

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

#666265
```
#666265 rgb(102,98,101)
```
#6e5a67
```
#6e5a67 rgb(110,90,103)
```
#75536a
```
#75536a rgb(117,83,106)
```
#7d4b6d
```
#7d4b6d rgb(125,75,109)
```
#854370
```
#854370 rgb(133,67,112)
```
#8d3b72
```
#8d3b72 rgb(141,59,114)
```
#943475
```
#943475 rgb(148,52,117)
```
#9c2c78
```
#9c2c78 rgb(156,44,120)
```
#a4247b
```
#a4247b rgb(164,36,123)
```
#ab1d7d
```
#ab1d7d rgb(171,29,125)
```
#b31580
```
#b31580 rgb(179,21,128)
```
#bb0d83
```
#bb0d83 rgb(187,13,131)
```
#c20685
```
#c20685 rgb(194,6,133)
```

Tone Color Variation

Below, you can see how #b31580 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
#64445a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4365ae Protanopia 1% of men
#68667a Deuteranopia 1% of men
#b13e41 Tritanopia 0.001% of the population

Trichromacy

#6b489d Protanomaly 1% of men, 0.01% of women
#83487c Deuteranomaly 6% of men, 0.4% of women
#b22f58 Tritanomaly 0.01% of the population

#b31580 hex color

#b31580 Color Information

#b31580 Color Conversion

Color Schemes with #b31580

Alternatives to #b31580

#b31580 Preview

Shades and Tints of #b31580

Tones of #b31580

Color Blindness Simulator