#b31583 hex color

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

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

● #b31583 color description : Strong pink.

The hexadecimal color #b31583 has RGB values of R:179, G:21, B:131 and CMYK values of C:0, M:0.88, Y:0.27, K:0.3. Its decimal value is 11736451.

Hex triplet	b31583	`#b31583`
RGB Decimal	179, 21, 131	`rgb(179,21,131)`
RGB Percent	70.2, 8.2, 51.4	`rgb(70.2%,8.2%,51.4%)`
CMYK	0, 88, 27, 30
HSL	318.2°, 79, 39.2	`hsl(318.2,79%,39.2%)`
HSV (or HSB)	318.2°, 88.3, 70.2
Web Safe	cc0099	`#cc0099`

CIE-LAB	40.834, 66.405, -20.31
XYZ	22.956, 11.761, 22.533
xyY	0.401, 0.205, 11.761
CIE-LCH	40.834, 69.441, 342.994
CIE-LUV	40.834, 77.558, -38.142
Hunter-Lab	34.294, 59.468, -14.95
Binary	10110011, 00010101, 10000011

#b31583
```
#b31583 rgb(179,21,131)
```
#15b345
```
#15b345 rgb(21,179,69)
```

Complementary Color

#9415b3
```
#9415b3 rgb(148,21,179)
```
#b31583
```
#b31583 rgb(179,21,131)
```
#b31534
```
#b31534 rgb(179,21,52)
```

Analogous Color

#15b394
```
#15b394 rgb(21,179,148)
```
#b31583
```
#b31583 rgb(179,21,131)
```
#34b315
```
#34b315 rgb(52,179,21)
```

Split Complementary Color

#1583b3
```
#1583b3 rgb(21,131,179)
```
#b31583
```
#b31583 rgb(179,21,131)
```
#83b315
```
#83b315 rgb(131,179,21)
```

Triadic Color

#4515b3
```
#4515b3 rgb(69,21,179)
```
#b31583
```
#b31583 rgb(179,21,131)
```
#83b315
```
#83b315 rgb(131,179,21)
```
#15b345
```
#15b345 rgb(21,179,69)
```

Tetradic Color

#6f0d51
```
#6f0d51 rgb(111,13,81)
```
#851062
```
#851062 rgb(133,16,98)
```
#9c1272
```
#9c1272 rgb(156,18,114)
```
#b31583
```
#b31583 rgb(179,21,131)
```
#ca1894
```
#ca1894 rgb(202,24,148)
```
#e11aa4
```
#e11aa4 rgb(225,26,164)
```
#e62eae
```
#e62eae rgb(230,46,174)
```

Monochromatic Color

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

#b315ab
```
#b315ab rgb(179,21,171)
```
#b3159d
```
#b3159d rgb(179,21,157)
```
#b31590
```
#b31590 rgb(179,21,144)
```
#b31583
```
#b31583 rgb(179,21,131)
```
#b31576
```
#b31576 rgb(179,21,118)
```
#b31569
```
#b31569 rgb(179,21,105)
```
#b3155b
```
#b3155b rgb(179,21,91)
```

Similar Colors

Text with hexadecimal color #b31583

This text has a font color of #b31583.

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

#b31583 background color

This paragraph has a background color of #b31583.

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

#b31583 border color

This element has a border color of #b31583.

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

CSS codes

.text {color:#b31583;}

.background {background-color:#b31583;}

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

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

#030003
```
#030003 rgb(3,0,3)
```
#15020f
```
#15020f rgb(21,2,15)
```
#27051c
```
#27051c rgb(39,5,28)
```
#380729
```
#380729 rgb(56,7,41)
```
#4a0936
```
#4a0936 rgb(74,9,54)
```
#5b0b43
```
#5b0b43 rgb(91,11,67)
```
#6d0d50
```
#6d0d50 rgb(109,13,80)
```
#7e0f5c
```
#7e0f5c rgb(126,15,92)
```
#901169
```
#901169 rgb(144,17,105)
```
#a11376
```
#a11376 rgb(161,19,118)
```
#b31583
```
#b31583 rgb(179,21,131)
```
#c51790
```
#c51790 rgb(197,23,144)
```
#d6199d
```
#d6199d rgb(214,25,157)
```

Shade Color Variation

#e51ea8
```
#e51ea8 rgb(229,30,168)
```
#e730af
```
#e730af rgb(231,48,175)
```
#e941b6
```
#e941b6 rgb(233,65,182)
```
#eb53bd
```
#eb53bd rgb(235,83,189)
```
#ed64c3
```
#ed64c3 rgb(237,100,195)
```
#ef76ca
```
#ef76ca rgb(239,118,202)
```
#f188d1
```
#f188d1 rgb(241,136,209)
```
#f399d8
```
#f399d8 rgb(243,153,216)
```
#f5abde
```
#f5abde rgb(245,171,222)
```
#f7bce5
```
#f7bce5 rgb(247,188,229)
```
#f9ceec
```
#f9ceec rgb(249,206,236)
```
#fbdff3
```
#fbdff3 rgb(251,223,243)
```
#fdf1fa
```
#fdf1fa rgb(253,241,250)
```

Tint Color Variation

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

#666265
```
#666265 rgb(102,98,101)
```
#6e5a68
```
#6e5a68 rgb(110,90,104)
```
#75536b
```
#75536b rgb(117,83,107)
```
#7d4b6e
```
#7d4b6e rgb(125,75,110)
```
#854371
```
#854371 rgb(133,67,113)
```
#8d3b74
```
#8d3b74 rgb(141,59,116)
```
#943477
```
#943477 rgb(148,52,119)
```
#9c2c7a
```
#9c2c7a rgb(156,44,122)
```
#a4247d
```
#a4247d rgb(164,36,125)
```
#ab1d80
```
#ab1d80 rgb(171,29,128)
```
#b31583
```
#b31583 rgb(179,21,131)
```
#bb0d86
```
#bb0d86 rgb(187,13,134)
```
#c20689
```
#c20689 rgb(194,6,137)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#65455b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f66b2 Protanopia 1% of men
#67667c Deuteranopia 1% of men
#b13f43 Tritanopia 0.001% of the population

Trichromacy

#6948a0 Protanomaly 1% of men, 0.01% of women
#82487f Deuteranomaly 6% of men, 0.4% of women
#b1305a Tritanomaly 0.01% of the population

#b31583 hex color

#b31583 Color Information

#b31583 Color Conversion

Color Schemes with #b31583

Alternatives to #b31583

#b31583 Preview

Shades and Tints of #b31583

Tones of #b31583

Color Blindness Simulator