#b31696 hex color

In a RGB color space, hex #b31696 is composed of 70.2% red, 8.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.7% magenta, 16.2% yellow and 29.8% black. It has a hue angle of 311.1 degrees, a saturation of 78.1% and a lightness of 39.4%. #b31696 color hex could be obtained by blending #ff2cff with #67002d. Closest websafe color is: #cc0099.

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

● #b31696 color description : Strong magenta.

The hexadecimal color #b31696 has RGB values of R:179, G:22, B:150 and CMYK values of C:0, M:0.88, Y:0.16, K:0.3. Its decimal value is 11736726.

Hex triplet	b31696	`#b31696`
RGB Decimal	179, 22, 150	`rgb(179,22,150)`
RGB Percent	70.2, 8.6, 58.8	`rgb(70.2%,8.6%,58.8%)`
CMYK	0, 88, 16, 30
HSL	311.1°, 78.1, 39.4	`hsl(311.1,78.1%,39.4%)`
HSV (or HSB)	311.1°, 87.7, 70.2
Web Safe	cc0099	`#cc0099`

CIE-LAB	41.785, 68.625, -30.446
XYZ	24.382, 12.362, 29.954
xyY	0.366, 0.185, 12.362
CIE-LCH	41.785, 75.076, 336.075
CIE-LUV	41.785, 69.322, -52.734
Hunter-Lab	35.159, 62.259, -25.902
Binary	10110011, 00010110, 10010110

#b31696
```
#b31696 rgb(179,22,150)
```
#16b333
```
#16b333 rgb(22,179,51)
```

Complementary Color

#8216b3
```
#8216b3 rgb(130,22,179)
```
#b31696
```
#b31696 rgb(179,22,150)
```
#b31648
```
#b31648 rgb(179,22,72)
```

Analogous Color

#16b382
```
#16b382 rgb(22,179,130)
```
#b31696
```
#b31696 rgb(179,22,150)
```
#48b316
```
#48b316 rgb(72,179,22)
```

Split Complementary Color

#1696b3
```
#1696b3 rgb(22,150,179)
```
#b31696
```
#b31696 rgb(179,22,150)
```
#96b316
```
#96b316 rgb(150,179,22)
```

Triadic Color

#3316b3
```
#3316b3 rgb(51,22,179)
```
#b31696
```
#b31696 rgb(179,22,150)
```
#96b316
```
#96b316 rgb(150,179,22)
```
#16b333
```
#16b333 rgb(22,179,51)
```

Tetradic Color

#6f0e5d
```
#6f0e5d rgb(111,14,93)
```
#861070
```
#861070 rgb(134,16,112)
```
#9c1383
```
#9c1383 rgb(156,19,131)
```
#b31696
```
#b31696 rgb(179,22,150)
```
#ca19a9
```
#ca19a9 rgb(202,25,169)
```
#e01cbc
```
#e01cbc rgb(224,28,188)
```
#e630c4
```
#e630c4 rgb(230,48,196)
```

Monochromatic Color

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

#a916b3
```
#a916b3 rgb(169,22,179)
```
#b316b0
```
#b316b0 rgb(179,22,176)
```
#b316a3
```
#b316a3 rgb(179,22,163)
```
#b31696
```
#b31696 rgb(179,22,150)
```
#b31689
```
#b31689 rgb(179,22,137)
```
#b3167c
```
#b3167c rgb(179,22,124)
```
#b3166f
```
#b3166f rgb(179,22,111)
```

Similar Colors

Text with hexadecimal color #b31696

This text has a font color of #b31696.

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

#b31696 background color

This paragraph has a background color of #b31696.

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

#b31696 border color

This element has a border color of #b31696.

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

CSS codes

.text {color:#b31696;}

.background {background-color:#b31696;}

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

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

#040104
```
#040104 rgb(4,1,4)
```
#160312
```
#160312 rgb(22,3,18)
```
#270521
```
#270521 rgb(39,5,33)
```
#390730
```
#390730 rgb(57,7,48)
```
#4a093e
```
#4a093e rgb(74,9,62)
```
#5c0b4d
```
#5c0b4d rgb(92,11,77)
```
#6d0d5b
```
#6d0d5b rgb(109,13,91)
```
#7f106a
```
#7f106a rgb(127,16,106)
```
#901279
```
#901279 rgb(144,18,121)
```
#a21487
```
#a21487 rgb(162,20,135)
```
#b31696
```
#b31696 rgb(179,22,150)
```
#c418a5
```
#c418a5 rgb(196,24,165)
```
#d61ab3
```
#d61ab3 rgb(214,26,179)
```

Shade Color Variation

#e420c0
```
#e420c0 rgb(228,32,192)
```
#e632c5
```
#e632c5 rgb(230,50,197)
```
#e843c9
```
#e843c9 rgb(232,67,201)
```
#ea55ce
```
#ea55ce rgb(234,85,206)
```
#ec66d3
```
#ec66d3 rgb(236,102,211)
```
#ee78d8
```
#ee78d8 rgb(238,120,216)
```
#f189dd
```
#f189dd rgb(241,137,221)
```
#f39be2
```
#f39be2 rgb(243,155,226)
```
#f5ace7
```
#f5ace7 rgb(245,172,231)
```
#f7bdec
```
#f7bdec rgb(247,189,236)
```
#f9cff1
```
#f9cff1 rgb(249,207,241)
```
#fbe0f6
```
#fbe0f6 rgb(251,224,246)
```
#fdf2fb
```
#fdf2fb rgb(253,242,251)
```

Tint Color Variation

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

#666365
```
#666365 rgb(102,99,101)
```
#6d5c6a
```
#6d5c6a rgb(109,92,106)
```
#75546f
```
#75546f rgb(117,84,111)
```
#7d4c74
```
#7d4c74 rgb(125,76,116)
```
#854479
```
#854479 rgb(133,68,121)
```
#8c3d7e
```
#8c3d7e rgb(140,61,126)
```
#943583
```
#943583 rgb(148,53,131)
```
#9c2d87
```
#9c2d87 rgb(156,45,135)
```
#a4258c
```
#a4258c rgb(164,37,140)
```
#ab1e91
```
#ab1e91 rgb(171,30,145)
```
#b31696
```
#b31696 rgb(179,22,150)
```
#bb0e9b
```
#bb0e9b rgb(187,14,155)
```
#c207a0
```
#c207a0 rgb(194,7,160)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#674861 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1b67c8 Protanopia 1% of men
#5f698d Deuteranopia 1% of men
#af474b Tritanopia 0.001% of the population

Trichromacy

#5249b6 Protanomaly 1% of men, 0.01% of women
#7d4b90 Deuteranomaly 6% of men, 0.4% of women
#b03566 Tritanomaly 0.01% of the population

#b31696 hex color

#b31696 Color Information

#b31696 Color Conversion

Color Schemes with #b31696

Alternatives to #b31696

#b31696 Preview

Shades and Tints of #b31696

Tones of #b31696

Color Blindness Simulator