#b31693 hex color

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

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

● #b31693 color description : Strong magenta.

The hexadecimal color #b31693 has RGB values of R:179, G:22, B:147 and CMYK values of C:0, M:0.88, Y:0.18, K:0.3. Its decimal value is 11736723.

Hex triplet	b31693	`#b31693`
RGB Decimal	179, 22, 147	`rgb(179,22,147)`
RGB Percent	70.2, 8.6, 57.6	`rgb(70.2%,8.6%,57.6%)`
CMYK	0, 88, 18, 30
HSL	312.2°, 78.1, 39.4	`hsl(312.2,78.1%,39.4%)`
HSV (or HSB)	312.2°, 87.7, 70.2
Web Safe	cc0099	`#cc0099`

CIE-LAB	41.636, 68.228, -28.859
XYZ	24.144, 12.266, 28.698
xyY	0.371, 0.188, 12.266
CIE-LCH	41.636, 74.08, 337.073
CIE-LUV	41.636, 70.575, -50.412
Hunter-Lab	35.023, 61.762, -24.067
Binary	10110011, 00010110, 10010011

#b31693
```
#b31693 rgb(179,22,147)
```
#16b336
```
#16b336 rgb(22,179,54)
```

Complementary Color

#8516b3
```
#8516b3 rgb(133,22,179)
```
#b31693
```
#b31693 rgb(179,22,147)
```
#b31645
```
#b31645 rgb(179,22,69)
```

Analogous Color

#16b385
```
#16b385 rgb(22,179,133)
```
#b31693
```
#b31693 rgb(179,22,147)
```
#44b316
```
#44b316 rgb(68,179,22)
```

Split Complementary Color

#1693b3
```
#1693b3 rgb(22,147,179)
```
#b31693
```
#b31693 rgb(179,22,147)
```
#93b316
```
#93b316 rgb(147,179,22)
```

Triadic Color

#3616b3
```
#3616b3 rgb(54,22,179)
```
#b31693
```
#b31693 rgb(179,22,147)
```
#93b316
```
#93b316 rgb(147,179,22)
```
#16b336
```
#16b336 rgb(22,179,54)
```

Tetradic Color

#6f0e5b
```
#6f0e5b rgb(111,14,91)
```
#86106e
```
#86106e rgb(134,16,110)
```
#9c1380
```
#9c1380 rgb(156,19,128)
```
#b31693
```
#b31693 rgb(179,22,147)
```
#ca19a6
```
#ca19a6 rgb(202,25,166)
```
#e01cb8
```
#e01cb8 rgb(224,28,184)
```
#e630c1
```
#e630c1 rgb(230,48,193)
```

Monochromatic Color

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

#ac16b3
```
#ac16b3 rgb(172,22,179)
```
#b316ad
```
#b316ad rgb(179,22,173)
```
#b316a0
```
#b316a0 rgb(179,22,160)
```
#b31693
```
#b31693 rgb(179,22,147)
```
#b31686
```
#b31686 rgb(179,22,134)
```
#b31679
```
#b31679 rgb(179,22,121)
```
#b3166c
```
#b3166c rgb(179,22,108)
```

Similar Colors

Text with hexadecimal color #b31693

This text has a font color of #b31693.

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

#b31693 background color

This paragraph has a background color of #b31693.

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

#b31693 border color

This element has a border color of #b31693.

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

CSS codes

.text {color:#b31693;}

.background {background-color:#b31693;}

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

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)
```
#270520
```
#270520 rgb(39,5,32)
```
#39072f
```
#39072f rgb(57,7,47)
```
#4a093d
```
#4a093d rgb(74,9,61)
```
#5c0b4b
```
#5c0b4b rgb(92,11,75)
```
#6d0d5a
```
#6d0d5a rgb(109,13,90)
```
#7f1068
```
#7f1068 rgb(127,16,104)
```
#901276
```
#901276 rgb(144,18,118)
```
#a21485
```
#a21485 rgb(162,20,133)
```
#b31693
```
#b31693 rgb(179,22,147)
```
#c418a1
```
#c418a1 rgb(196,24,161)
```
#d61ab0
```
#d61ab0 rgb(214,26,176)
```

Shade Color Variation

#e420bc
```
#e420bc rgb(228,32,188)
```
#e632c1
```
#e632c1 rgb(230,50,193)
```
#e843c6
```
#e843c6 rgb(232,67,198)
```
#ea55cc
```
#ea55cc rgb(234,85,204)
```
#ec66d1
```
#ec66d1 rgb(236,102,209)
```
#ee78d6
```
#ee78d6 rgb(238,120,214)
```
#f189db
```
#f189db rgb(241,137,219)
```
#f39be1
```
#f39be1 rgb(243,155,225)
```
#f5ace6
```
#f5ace6 rgb(245,172,230)
```
#f7bdeb
```
#f7bdeb rgb(247,189,235)
```
#f9cff0
```
#f9cff0 rgb(249,207,240)
```
#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 #c2079c is the most saturated one.

#666365
```
#666365 rgb(102,99,101)
```
#6d5c6a
```
#6d5c6a rgb(109,92,106)
```
#75546e
```
#75546e rgb(117,84,110)
```
#7d4c73
```
#7d4c73 rgb(125,76,115)
```
#854478
```
#854478 rgb(133,68,120)
```
#8c3d7c
```
#8c3d7c rgb(140,61,124)
```
#943581
```
#943581 rgb(148,53,129)
```
#9c2d85
```
#9c2d85 rgb(156,45,133)
```
#a4258a
```
#a4258a rgb(164,37,138)
```
#ab1e8e
```
#ab1e8e rgb(171,30,142)
```
#b31693
```
#b31693 rgb(179,22,147)
```
#bb0e98
```
#bb0e98 rgb(187,14,152)
```
#c2079c
```
#c2079c rgb(194,7,156)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#664760 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2667c4 Protanopia 1% of men
#60688a Deuteranopia 1% of men
#af4549 Tritanopia 0.001% of the population

Trichromacy

#5949b2 Protanomaly 1% of men, 0.01% of women
#7e4a8d Deuteranomaly 6% of men, 0.4% of women
#b03464 Tritanomaly 0.01% of the population

#b31693 hex color

#b31693 Color Information

#b31693 Color Conversion

Color Schemes with #b31693

Alternatives to #b31693

#b31693 Preview

Shades and Tints of #b31693

Tones of #b31693

Color Blindness Simulator