#b31277 hex color

In a RGB color space, hex #b31277 is composed of 70.2% red, 7.1% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.9% magenta, 33.5% yellow and 29.8% black. It has a hue angle of 322.4 degrees, a saturation of 81.7% and a lightness of 38.6%. #b31277 color hex could be obtained by blending #ff24ee with #670000. Closest websafe color is: #cc0066.

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

● #b31277 color description : Strong pink.

The hexadecimal color #b31277 has RGB values of R:179, G:18, B:119 and CMYK values of C:0, M:0.9, Y:0.34, K:0.3. Its decimal value is 11735671.

Hex triplet	b31277	`#b31277`
RGB Decimal	179, 18, 119	`rgb(179,18,119)`
RGB Percent	70.2, 7.1, 46.7	`rgb(70.2%,7.1%,46.7%)`
CMYK	0, 90, 34, 30
HSL	322.4°, 81.7, 38.6	`hsl(322.4,81.7%,38.6%)`
HSV (or HSB)	322.4°, 89.9, 70.2
Web Safe	cc0066	`#cc0066`

CIE-LAB	40.165, 65.542, -13.891
XYZ	22.137, 11.35, 18.477
xyY	0.426, 0.218, 11.35
CIE-LCH	40.165, 66.998, 348.033
CIE-LUV	40.165, 83.26, -29.309
Hunter-Lab	33.69, 58.328, -8.933
Binary	10110011, 00010010, 01110111

#b31277
```
#b31277 rgb(179,18,119)
```
#12b34e
```
#12b34e rgb(18,179,78)
```

Complementary Color

#9f12b3
```
#9f12b3 rgb(159,18,179)
```
#b31277
```
#b31277 rgb(179,18,119)
```
#b31227
```
#b31227 rgb(179,18,39)
```

Analogous Color

#12b39f
```
#12b39f rgb(18,179,159)
```
#b31277
```
#b31277 rgb(179,18,119)
```
#27b312
```
#27b312 rgb(39,179,18)
```

Split Complementary Color

#1277b3
```
#1277b3 rgb(18,119,179)
```
#b31277
```
#b31277 rgb(179,18,119)
```
#77b312
```
#77b312 rgb(119,179,18)
```

Triadic Color

#4e12b3
```
#4e12b3 rgb(78,18,179)
```
#b31277
```
#b31277 rgb(179,18,119)
```
#77b312
```
#77b312 rgb(119,179,18)
```
#12b34e
```
#12b34e rgb(18,179,78)
```

Tetradic Color

#6d0b49
```
#6d0b49 rgb(109,11,73)
```
#850d58
```
#850d58 rgb(133,13,88)
```
#9c1068
```
#9c1068 rgb(156,16,104)
```
#b31277
```
#b31277 rgb(179,18,119)
```
#ca1486
```
#ca1486 rgb(202,20,134)
```
#e11796
```
#e11796 rgb(225,23,150)
```
#e928a1
```
#e928a1 rgb(233,40,161)
```

Monochromatic Color

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

#b3129f
```
#b3129f rgb(179,18,159)
```
#b31292
```
#b31292 rgb(179,18,146)
```
#b31284
```
#b31284 rgb(179,18,132)
```
#b31277
```
#b31277 rgb(179,18,119)
```
#b3126a
```
#b3126a rgb(179,18,106)
```
#b3125c
```
#b3125c rgb(179,18,92)
```
#b3124f
```
#b3124f rgb(179,18,79)
```

Similar Colors

Text with hexadecimal color #b31277

This text has a font color of #b31277.

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

#b31277 background color

This paragraph has a background color of #b31277.

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

#b31277 border color

This element has a border color of #b31277.

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

CSS codes

.text {color:#b31277;}

.background {background-color:#b31277;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#13020c
```
#13020c rgb(19,2,12)
```
#240418
```
#240418 rgb(36,4,24)
```
#360524
```
#360524 rgb(54,5,36)
```
#480730
```
#480730 rgb(72,7,48)
```
#5a093c
```
#5a093c rgb(90,9,60)
```
#6c0b48
```
#6c0b48 rgb(108,11,72)
```
#7e0d53
```
#7e0d53 rgb(126,13,83)
```
#8f0e5f
```
#8f0e5f rgb(143,14,95)
```
#a1106b
```
#a1106b rgb(161,16,107)
```
#b31277
```
#b31277 rgb(179,18,119)
```
#c51483
```
#c51483 rgb(197,20,131)
```
#d7168f
```
#d7168f rgb(215,22,143)
```

Shade Color Variation

#e8189a
```
#e8189a rgb(232,24,154)
```
#ea2aa2
```
#ea2aa2 rgb(234,42,162)
```
#eb3caa
```
#eb3caa rgb(235,60,170)
```
#ed4eb2
```
#ed4eb2 rgb(237,78,178)
```
#ef5fb9
```
#ef5fb9 rgb(239,95,185)
```
#f171c1
```
#f171c1 rgb(241,113,193)
```
#f383c9
```
#f383c9 rgb(243,131,201)
```
#f495d1
```
#f495d1 rgb(244,149,209)
```
#f6a7d9
```
#f6a7d9 rgb(246,167,217)
```
#f8b8e0
```
#f8b8e0 rgb(248,184,224)
```
#facae8
```
#facae8 rgb(250,202,232)
```
#fbdcf0
```
#fbdcf0 rgb(251,220,240)
```
#fdeef8
```
#fdeef8 rgb(253,238,248)
```

Tint Color Variation

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

#675e64
```
#675e64 rgb(103,94,100)
```
#6f5666
```
#6f5666 rgb(111,86,102)
```
#764f68
```
#764f68 rgb(118,79,104)
```
#7e4769
```
#7e4769 rgb(126,71,105)
```
#863f6b
```
#863f6b rgb(134,63,107)
```
#8d386d
```
#8d386d rgb(141,56,109)
```
#95306f
```
#95306f rgb(149,48,111)
```
#9c2971
```
#9c2971 rgb(156,41,113)
```
#a42173
```
#a42173 rgb(164,33,115)
```
#ab1a75
```
#ab1a75 rgb(171,26,117)
```
#b31277
```
#b31277 rgb(179,18,119)
```
#bb0a79
```
#bb0a79 rgb(187,10,121)
```
#c2037b
```
#c2037b rgb(194,3,123)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#624256 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a64a4 Protanopia 1% of men
#6b6472 Deuteranopia 1% of men
#b23a3d Tritanopia 0.001% of the population

Trichromacy

#704693 Protanomaly 1% of men, 0.01% of women
#854673 Deuteranomaly 6% of men, 0.4% of women
#b22b52 Tritanomaly 0.01% of the population

#b31277 hex color

#b31277 Color Information

#b31277 Color Conversion

Color Schemes with #b31277

Alternatives to #b31277

#b31277 Preview

Shades and Tints of #b31277

Tones of #b31277

Color Blindness Simulator