#b31271 hex color

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

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

● #b31271 color description : Strong pink.

The hexadecimal color #b31271 has RGB values of R:179, G:18, B:113 and CMYK values of C:0, M:0.9, Y:0.37, K:0.3. Its decimal value is 11735665.

Hex triplet	b31271	`#b31271`
RGB Decimal	179, 18, 113	`rgb(179,18,113)`
RGB Percent	70.2, 7.1, 44.3	`rgb(70.2%,7.1%,44.3%)`
CMYK	0, 90, 37, 30
HSL	324.6°, 81.7, 38.6	`hsl(324.6,81.7%,38.6%)`
HSV (or HSB)	324.6°, 89.9, 70.2
Web Safe	cc0066	`#cc0066`

CIE-LAB	39.933, 64.913, -10.489
XYZ	21.788, 11.211, 16.638
xyY	0.439, 0.226, 11.211
CIE-LCH	39.933, 65.755, 350.821
CIE-LUV	39.933, 85.913, -24.76
Hunter-Lab	33.483, 57.559, -6.025
Binary	10110011, 00010010, 01110001

#b31271
```
#b31271 rgb(179,18,113)
```
#12b354
```
#12b354 rgb(18,179,84)
```

Complementary Color

#a512b3
```
#a512b3 rgb(165,18,179)
```
#b31271
```
#b31271 rgb(179,18,113)
```
#b31221
```
#b31221 rgb(179,18,33)
```

Analogous Color

#12b3a5
```
#12b3a5 rgb(18,179,165)
```
#b31271
```
#b31271 rgb(179,18,113)
```
#21b312
```
#21b312 rgb(33,179,18)
```

Split Complementary Color

#1271b3
```
#1271b3 rgb(18,113,179)
```
#b31271
```
#b31271 rgb(179,18,113)
```
#71b312
```
#71b312 rgb(113,179,18)
```

Triadic Color

#5412b3
```
#5412b3 rgb(84,18,179)
```
#b31271
```
#b31271 rgb(179,18,113)
```
#71b312
```
#71b312 rgb(113,179,18)
```
#12b354
```
#12b354 rgb(18,179,84)
```

Tetradic Color

#6d0b45
```
#6d0b45 rgb(109,11,69)
```
#850d54
```
#850d54 rgb(133,13,84)
```
#9c1062
```
#9c1062 rgb(156,16,98)
```
#b31271
```
#b31271 rgb(179,18,113)
```
#ca1480
```
#ca1480 rgb(202,20,128)
```
#e1178e
```
#e1178e rgb(225,23,142)
```
#e9289a
```
#e9289a rgb(233,40,154)
```

Monochromatic Color

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

#b31299
```
#b31299 rgb(179,18,153)
```
#b3128c
```
#b3128c rgb(179,18,140)
```
#b3127e
```
#b3127e rgb(179,18,126)
```
#b31271
```
#b31271 rgb(179,18,113)
```
#b31264
```
#b31264 rgb(179,18,100)
```
#b31256
```
#b31256 rgb(179,18,86)
```
#b31249
```
#b31249 rgb(179,18,73)
```

Similar Colors

Text with hexadecimal color #b31271

This text has a font color of #b31271.

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

#b31271 background color

This paragraph has a background color of #b31271.

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

#b31271 border color

This element has a border color of #b31271.

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

CSS codes

.text {color:#b31271;}

.background {background-color:#b31271;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#13020c
```
#13020c rgb(19,2,12)
```
#240417
```
#240417 rgb(36,4,23)
```
#360522
```
#360522 rgb(54,5,34)
```
#48072d
```
#48072d rgb(72,7,45)
```
#5a0939
```
#5a0939 rgb(90,9,57)
```
#6c0b44
```
#6c0b44 rgb(108,11,68)
```
#7e0d4f
```
#7e0d4f rgb(126,13,79)
```
#8f0e5a
```
#8f0e5a rgb(143,14,90)
```
#a11066
```
#a11066 rgb(161,16,102)
```
#b31271
```
#b31271 rgb(179,18,113)
```
#c5147c
```
#c5147c rgb(197,20,124)
```
#d71688
```
#d71688 rgb(215,22,136)
```

Shade Color Variation

#e81893
```
#e81893 rgb(232,24,147)
```
#ea2a9b
```
#ea2a9b rgb(234,42,155)
```
#eb3ca3
```
#eb3ca3 rgb(235,60,163)
```
#ed4eac
```
#ed4eac rgb(237,78,172)
```
#ef5fb4
```
#ef5fb4 rgb(239,95,180)
```
#f171bc
```
#f171bc rgb(241,113,188)
```
#f383c5
```
#f383c5 rgb(243,131,197)
```
#f495cd
```
#f495cd rgb(244,149,205)
```
#f6a7d6
```
#f6a7d6 rgb(246,167,214)
```
#f8b8de
```
#f8b8de rgb(248,184,222)
```
#facae6
```
#facae6 rgb(250,202,230)
```
#fbdcef
```
#fbdcef rgb(251,220,239)
```
#fdeef7
```
#fdeef7 rgb(253,238,247)
```

Tint Color Variation

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

#675e63
```
#675e63 rgb(103,94,99)
```
#6f5665
```
#6f5665 rgb(111,86,101)
```
#764f66
```
#764f66 rgb(118,79,102)
```
#7e4767
```
#7e4767 rgb(126,71,103)
```
#863f69
```
#863f69 rgb(134,63,105)
```
#8d386a
```
#8d386a rgb(141,56,106)
```
#95306c
```
#95306c rgb(149,48,108)
```
#9c296d
```
#9c296d rgb(156,41,109)
```
#a4216e
```
#a4216e rgb(164,33,110)
```
#ab1a70
```
#ab1a70 rgb(171,26,112)
```
#b31271
```
#b31271 rgb(179,18,113)
```
#bb0a72
```
#bb0a72 rgb(187,10,114)
```
#c20374
```
#c20374 rgb(194,3,116)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#614154 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e649d Protanopia 1% of men
#6c636c Deuteranopia 1% of men
#b2383a Tritanopia 0.001% of the population

Trichromacy

#73468d Protanomaly 1% of men, 0.01% of women
#86466e Deuteranomaly 6% of men, 0.4% of women
#b22a4e Tritanomaly 0.01% of the population

#b31271 hex color

#b31271 Color Information

#b31271 Color Conversion

Color Schemes with #b31271

Alternatives to #b31271

#b31271 Preview

Shades and Tints of #b31271

Tones of #b31271

Color Blindness Simulator