#b31777 hex color

In a RGB color space, hex #b31777 is composed of 70.2% red, 9% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.2% magenta, 33.5% yellow and 29.8% black. It has a hue angle of 323.1 degrees, a saturation of 77.2% and a lightness of 39.6%. #b31777 color hex could be obtained by blending #ff2eee with #670000. Closest websafe color is: #cc0066.

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

● #b31777 color description : Strong pink.

The hexadecimal color #b31777 has RGB values of R:179, G:23, B:119 and CMYK values of C:0, M:0.87, Y:0.34, K:0.3. Its decimal value is 11736951.

Hex triplet	b31777	`#b31777`
RGB Decimal	179, 23, 119	`rgb(179,23,119)`
RGB Percent	70.2, 9, 46.7	`rgb(70.2%,9%,46.7%)`
CMYK	0, 87, 34, 30
HSL	323.1°, 77.2, 39.6	`hsl(323.1,77.2%,39.6%)`
HSV (or HSB)	323.1°, 87.2, 70.2
Web Safe	cc0066	`#cc0066`

CIE-LAB	40.46, 64.684, -13.442
XYZ	22.227, 11.531, 18.507
xyY	0.425, 0.221, 11.531
CIE-LCH	40.46, 66.066, 348.261
CIE-LUV	40.46, 82.468, -28.616
Hunter-Lab	33.957, 57.416, -8.544
Binary	10110011, 00010111, 01110111

#b31777
```
#b31777 rgb(179,23,119)
```
#17b353
```
#17b353 rgb(23,179,83)
```

Complementary Color

#a117b3
```
#a117b3 rgb(161,23,179)
```
#b31777
```
#b31777 rgb(179,23,119)
```
#b31729
```
#b31729 rgb(179,23,41)
```

Analogous Color

#17b3a1
```
#17b3a1 rgb(23,179,161)
```
#b31777
```
#b31777 rgb(179,23,119)
```
#29b317
```
#29b317 rgb(41,179,23)
```

Split Complementary Color

#1777b3
```
#1777b3 rgb(23,119,179)
```
#b31777
```
#b31777 rgb(179,23,119)
```
#77b317
```
#77b317 rgb(119,179,23)
```

Triadic Color

#5317b3
```
#5317b3 rgb(83,23,179)
```
#b31777
```
#b31777 rgb(179,23,119)
```
#77b317
```
#77b317 rgb(119,179,23)
```
#17b353
```
#17b353 rgb(23,179,83)
```

Tetradic Color

#6f0e4a
```
#6f0e4a rgb(111,14,74)
```
#861159
```
#861159 rgb(134,17,89)
```
#9c1468
```
#9c1468 rgb(156,20,104)
```
#b31777
```
#b31777 rgb(179,23,119)
```
#ca1a86
```
#ca1a86 rgb(202,26,134)
```
#e01d95
```
#e01d95 rgb(224,29,149)
```
#e532a0
```
#e532a0 rgb(229,50,160)
```

Monochromatic Color

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

#b3179e
```
#b3179e rgb(179,23,158)
```
#b31791
```
#b31791 rgb(179,23,145)
```
#b31784
```
#b31784 rgb(179,23,132)
```
#b31777
```
#b31777 rgb(179,23,119)
```
#b3176a
```
#b3176a rgb(179,23,106)
```
#b3175d
```
#b3175d rgb(179,23,93)
```
#b31750
```
#b31750 rgb(179,23,80)
```

Similar Colors

Text with hexadecimal color #b31777

This text has a font color of #b31777.

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

#b31777 background color

This paragraph has a background color of #b31777.

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

#b31777 border color

This element has a border color of #b31777.

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

CSS codes

.text {color:#b31777;}

.background {background-color:#b31777;}

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

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

#050103
```
#050103 rgb(5,1,3)
```
#17030f
```
#17030f rgb(23,3,15)
```
#28051b
```
#28051b rgb(40,5,27)
```
#390726
```
#390726 rgb(57,7,38)
```
#4b0a32
```
#4b0a32 rgb(75,10,50)
```
#5c0c3d
```
#5c0c3d rgb(92,12,61)
```
#6d0e49
```
#6d0e49 rgb(109,14,73)
```
#7f1054
```
#7f1054 rgb(127,16,84)
```
#901360
```
#901360 rgb(144,19,96)
```
#a2156b
```
#a2156b rgb(162,21,107)
```
#b31777
```
#b31777 rgb(179,23,119)
```
#c41983
```
#c41983 rgb(196,25,131)
```
#d61b8e
```
#d61b8e rgb(214,27,142)
```

Shade Color Variation

#e32299
```
#e32299 rgb(227,34,153)
```
#e534a1
```
#e534a1 rgb(229,52,161)
```
#e745a9
```
#e745a9 rgb(231,69,169)
```
#e956b1
```
#e956b1 rgb(233,86,177)
```
#ec68b9
```
#ec68b9 rgb(236,104,185)
```
#ee79c1
```
#ee79c1 rgb(238,121,193)
```
#f08bc9
```
#f08bc9 rgb(240,139,201)
```
#f29cd1
```
#f29cd1 rgb(242,156,209)
```
#f4add9
```
#f4add9 rgb(244,173,217)
```
#f7bfe1
```
#f7bfe1 rgb(247,191,225)
```
#f9d0e9
```
#f9d0e9 rgb(249,208,233)
```
#fbe1f1
```
#fbe1f1 rgb(251,225,241)
```
#fdf3f9
```
#fdf3f9 rgb(253,243,249)
```

Tint Color Variation

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

#656565
```
#656565 rgb(101,101,101)
```
#6d5d67
```
#6d5d67 rgb(109,93,103)
```
#755569
```
#755569 rgb(117,85,105)
```
#7d4d6a
```
#7d4d6a rgb(125,77,106)
```
#84466c
```
#84466c rgb(132,70,108)
```
#8c3e6e
```
#8c3e6e rgb(140,62,110)
```
#943670
```
#943670 rgb(148,54,112)
```
#9c2e72
```
#9c2e72 rgb(156,46,114)
```
#a32773
```
#a32773 rgb(163,39,115)
```
#ab1f75
```
#ab1f75 rgb(171,31,117)
```
#b31777
```
#b31777 rgb(179,23,119)
```
#bb0f79
```
#bb0f79 rgb(187,15,121)
```
#c3077b
```
#c3077b rgb(195,7,123)
```

Tone Color Variation

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

Dichromacy

#4c65a3 Protanopia 1% of men
#6c6572 Deuteranopia 1% of men
#b23c3f Tritanopia 0.001% of the population

Trichromacy

#714993 Protanomaly 1% of men, 0.01% of women
#854874 Deuteranomaly 6% of men, 0.4% of women
#b22e53 Tritanomaly 0.01% of the population

#b31777 hex color

#b31777 Color Information

#b31777 Color Conversion

Color Schemes with #b31777

Alternatives to #b31777

#b31777 Preview

Shades and Tints of #b31777

Tones of #b31777

Color Blindness Simulator