#b31676 hex color

In a RGB color space, hex #b31676 is composed of 70.2% red, 8.6% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.7% magenta, 34.1% yellow and 29.8% black. It has a hue angle of 323.3 degrees, a saturation of 78.1% and a lightness of 39.4%. #b31676 color hex could be obtained by blending #ff2cec with #670000. Closest websafe color is: #cc0066.

♥
- f
- t
- g
- R 70
- G 9
- B 46
RGB color chart
- C 0
- M 88
- Y 34
- K 30
CMYK color chart

● #b31676 color description : Strong pink.

The hexadecimal color #b31676 has RGB values of R:179, G:22, B:118 and CMYK values of C:0, M:0.88, Y:0.34, K:0.3. Its decimal value is 11736694.

Hex triplet	b31676	`#b31676`
RGB Decimal	179, 22, 118	`rgb(179,22,118)`
RGB Percent	70.2, 8.6, 46.3	`rgb(70.2%,8.6%,46.3%)`
CMYK	0, 88, 34, 30
HSL	323.3°, 78.1, 39.4	`hsl(323.3,78.1%,39.4%)`
HSV (or HSB)	323.3°, 87.7, 70.2
Web Safe	cc0066	`#cc0066`

CIE-LAB	40.357, 64.761, -12.974
XYZ	22.148, 11.468, 18.186
xyY	0.428, 0.221, 11.468
CIE-LCH	40.357, 66.048, 348.671
CIE-LUV	40.357, 83.075, -28.003
Hunter-Lab	33.864, 57.48, -8.135
Binary	10110011, 00010110, 01110110

#b31676
```
#b31676 rgb(179,22,118)
```
#16b353
```
#16b353 rgb(22,179,83)
```

Complementary Color

#a216b3
```
#a216b3 rgb(162,22,179)
```
#b31676
```
#b31676 rgb(179,22,118)
```
#b31628
```
#b31628 rgb(179,22,40)
```

Analogous Color

#16b3a2
```
#16b3a2 rgb(22,179,162)
```
#b31676
```
#b31676 rgb(179,22,118)
```
#28b316
```
#28b316 rgb(40,179,22)
```

Split Complementary Color

#1676b3
```
#1676b3 rgb(22,118,179)
```
#b31676
```
#b31676 rgb(179,22,118)
```
#76b316
```
#76b316 rgb(118,179,22)
```

Triadic Color

#5316b3
```
#5316b3 rgb(83,22,179)
```
#b31676
```
#b31676 rgb(179,22,118)
```
#76b316
```
#76b316 rgb(118,179,22)
```
#16b353
```
#16b353 rgb(22,179,83)
```

Tetradic Color

#6f0e49
```
#6f0e49 rgb(111,14,73)
```
#861058
```
#861058 rgb(134,16,88)
```
#9c1367
```
#9c1367 rgb(156,19,103)
```
#b31676
```
#b31676 rgb(179,22,118)
```
#ca1985
```
#ca1985 rgb(202,25,133)
```
#e01c94
```
#e01c94 rgb(224,28,148)
```
#e6309f
```
#e6309f rgb(230,48,159)
```

Monochromatic Color

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

#b3169d
```
#b3169d rgb(179,22,157)
```
#b31690
```
#b31690 rgb(179,22,144)
```
#b31683
```
#b31683 rgb(179,22,131)
```
#b31676
```
#b31676 rgb(179,22,118)
```
#b31669
```
#b31669 rgb(179,22,105)
```
#b3165c
```
#b3165c rgb(179,22,92)
```
#b3164f
```
#b3164f rgb(179,22,79)
```

Similar Colors

Text with hexadecimal color #b31676

This text has a font color of #b31676.

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

#b31676 background color

This paragraph has a background color of #b31676.

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

#b31676 border color

This element has a border color of #b31676.

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

CSS codes

.text {color:#b31676;}

.background {background-color:#b31676;}

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

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

#040103
```
#040103 rgb(4,1,3)
```
#16030e
```
#16030e rgb(22,3,14)
```
#27051a
```
#27051a rgb(39,5,26)
```
#390725
```
#390725 rgb(57,7,37)
```
#4a0931
```
#4a0931 rgb(74,9,49)
```
#5c0b3c
```
#5c0b3c rgb(92,11,60)
```
#6d0d48
```
#6d0d48 rgb(109,13,72)
```
#7f1053
```
#7f1053 rgb(127,16,83)
```
#90125f
```
#90125f rgb(144,18,95)
```
#a2146a
```
#a2146a rgb(162,20,106)
```
#b31676
```
#b31676 rgb(179,22,118)
```
#c41882
```
#c41882 rgb(196,24,130)
```
#d61a8d
```
#d61a8d rgb(214,26,141)
```

Shade Color Variation

#e42098
```
#e42098 rgb(228,32,152)
```
#e632a0
```
#e632a0 rgb(230,50,160)
```
#e843a8
```
#e843a8 rgb(232,67,168)
```
#ea55b0
```
#ea55b0 rgb(234,85,176)
```
#ec66b8
```
#ec66b8 rgb(236,102,184)
```
#ee78c0
```
#ee78c0 rgb(238,120,192)
```
#f189c8
```
#f189c8 rgb(241,137,200)
```
#f39bd0
```
#f39bd0 rgb(243,155,208)
```
#f5acd9
```
#f5acd9 rgb(245,172,217)
```
#f7bde1
```
#f7bde1 rgb(247,189,225)
```
#f9cfe9
```
#f9cfe9 rgb(249,207,233)
```
#fbe0f1
```
#fbe0f1 rgb(251,224,241)
```
#fdf2f9
```
#fdf2f9 rgb(253,242,249)
```

Tint Color Variation

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

#666365
```
#666365 rgb(102,99,101)
```
#6d5c66
```
#6d5c66 rgb(109,92,102)
```
#755468
```
#755468 rgb(117,84,104)
```
#7d4c6a
```
#7d4c6a rgb(125,76,106)
```
#85446c
```
#85446c rgb(133,68,108)
```
#8c3d6d
```
#8c3d6d rgb(140,61,109)
```
#94356f
```
#94356f rgb(148,53,111)
```
#9c2d71
```
#9c2d71 rgb(156,45,113)
```
#a42573
```
#a42573 rgb(164,37,115)
```
#ab1e74
```
#ab1e74 rgb(171,30,116)
```
#b31676
```
#b31676 rgb(179,22,118)
```
#bb0e78
```
#bb0e78 rgb(187,14,120)
```
#c20779
```
#c20779 rgb(194,7,121)
```

Tone Color Variation

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

Dichromacy

#4c65a2 Protanopia 1% of men
#6c6471 Deuteranopia 1% of men
#b23b3e Tritanopia 0.001% of the population

Trichromacy

#714892 Protanomaly 1% of men, 0.01% of women
#854873 Deuteranomaly 6% of men, 0.4% of women
#b22d52 Tritanomaly 0.01% of the population

#b31676 hex color

#b31676 Color Information

#b31676 Color Conversion

Color Schemes with #b31676

Alternatives to #b31676

#b31676 Preview

Shades and Tints of #b31676

Tones of #b31676

Color Blindness Simulator