#b31684 hex color

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

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

● #b31684 color description : Strong pink.

The hexadecimal color #b31684 has RGB values of R:179, G:22, B:132 and CMYK values of C:0, M:0.88, Y:0.26, K:0.3. Its decimal value is 11736708.

Hex triplet	b31684	`#b31684`
RGB Decimal	179, 22, 132	`rgb(179,22,132)`
RGB Percent	70.2, 8.6, 51.8	`rgb(70.2%,8.6%,51.8%)`
CMYK	0, 88, 26, 30
HSL	318°, 78.1, 39.4	`hsl(318,78.1%,39.4%)`
HSV (or HSB)	318°, 87.7, 70.2
Web Safe	cc0099	`#cc0099`

CIE-LAB	40.938, 66.348, -20.766
XYZ	23.042, 11.826, 22.898
xyY	0.399, 0.205, 11.826
CIE-LCH	40.938, 69.522, 342.621
CIE-LUV	40.938, 76.979, -38.775
Hunter-Lab	34.388, 59.427, -15.407
Binary	10110011, 00010110, 10000100

#b31684
```
#b31684 rgb(179,22,132)
```
#16b345
```
#16b345 rgb(22,179,69)
```

Complementary Color

#9416b3
```
#9416b3 rgb(148,22,179)
```
#b31684
```
#b31684 rgb(179,22,132)
```
#b31636
```
#b31636 rgb(179,22,54)
```

Analogous Color

#16b394
```
#16b394 rgb(22,179,148)
```
#b31684
```
#b31684 rgb(179,22,132)
```
#36b316
```
#36b316 rgb(54,179,22)
```

Split Complementary Color

#1684b3
```
#1684b3 rgb(22,132,179)
```
#b31684
```
#b31684 rgb(179,22,132)
```
#84b316
```
#84b316 rgb(132,179,22)
```

Triadic Color

#4516b3
```
#4516b3 rgb(69,22,179)
```
#b31684
```
#b31684 rgb(179,22,132)
```
#84b316
```
#84b316 rgb(132,179,22)
```
#16b345
```
#16b345 rgb(22,179,69)
```

Tetradic Color

#6f0e52
```
#6f0e52 rgb(111,14,82)
```
#861063
```
#861063 rgb(134,16,99)
```
#9c1373
```
#9c1373 rgb(156,19,115)
```
#b31684
```
#b31684 rgb(179,22,132)
```
#ca1995
```
#ca1995 rgb(202,25,149)
```
#e01ca5
```
#e01ca5 rgb(224,28,165)
```
#e630af
```
#e630af rgb(230,48,175)
```

Monochromatic Color

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

#b316ab
```
#b316ab rgb(179,22,171)
```
#b3169e
```
#b3169e rgb(179,22,158)
```
#b31691
```
#b31691 rgb(179,22,145)
```
#b31684
```
#b31684 rgb(179,22,132)
```
#b31677
```
#b31677 rgb(179,22,119)
```
#b3166a
```
#b3166a rgb(179,22,106)
```
#b3165d
```
#b3165d rgb(179,22,93)
```

Similar Colors

Text with hexadecimal color #b31684

This text has a font color of #b31684.

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

#b31684 background color

This paragraph has a background color of #b31684.

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

#b31684 border color

This element has a border color of #b31684.

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

CSS codes

.text {color:#b31684;}

.background {background-color:#b31684;}

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

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

#040103
```
#040103 rgb(4,1,3)
```
#160310
```
#160310 rgb(22,3,16)
```
#27051d
```
#27051d rgb(39,5,29)
```
#39072a
```
#39072a rgb(57,7,42)
```
#4a0937
```
#4a0937 rgb(74,9,55)
```
#5c0b44
```
#5c0b44 rgb(92,11,68)
```
#6d0d50
```
#6d0d50 rgb(109,13,80)
```
#7f105d
```
#7f105d rgb(127,16,93)
```
#90126a
```
#90126a rgb(144,18,106)
```
#a21477
```
#a21477 rgb(162,20,119)
```
#b31684
```
#b31684 rgb(179,22,132)
```
#c41891
```
#c41891 rgb(196,24,145)
```
#d61a9e
```
#d61a9e rgb(214,26,158)
```

Shade Color Variation

#e420a9
```
#e420a9 rgb(228,32,169)
```
#e632b0
```
#e632b0 rgb(230,50,176)
```
#e843b7
```
#e843b7 rgb(232,67,183)
```
#ea55bd
```
#ea55bd rgb(234,85,189)
```
#ec66c4
```
#ec66c4 rgb(236,102,196)
```
#ee78cb
```
#ee78cb rgb(238,120,203)
```
#f189d2
```
#f189d2 rgb(241,137,210)
```
#f39bd8
```
#f39bd8 rgb(243,155,216)
```
#f5acdf
```
#f5acdf rgb(245,172,223)
```
#f7bde6
```
#f7bde6 rgb(247,189,230)
```
#f9cfec
```
#f9cfec rgb(249,207,236)
```
#fbe0f3
```
#fbe0f3 rgb(251,224,243)
```
#fdf2fa
```
#fdf2fa rgb(253,242,250)
```

Tint Color Variation

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

#666365
```
#666365 rgb(102,99,101)
```
#6d5c68
```
#6d5c68 rgb(109,92,104)
```
#75546b
```
#75546b rgb(117,84,107)
```
#7d4c6e
```
#7d4c6e rgb(125,76,110)
```
#854471
```
#854471 rgb(133,68,113)
```
#8c3d74
```
#8c3d74 rgb(140,61,116)
```
#943578
```
#943578 rgb(148,53,120)
```
#9c2d7b
```
#9c2d7b rgb(156,45,123)
```
#a4257e
```
#a4257e rgb(164,37,126)
```
#ab1e81
```
#ab1e81 rgb(171,30,129)
```
#b31684
```
#b31684 rgb(179,22,132)
```
#bb0e87
```
#bb0e87 rgb(187,14,135)
```
#c2078a
```
#c2078a rgb(194,7,138)
```

Tone Color Variation

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

Dichromacy

#3f66b3 Protanopia 1% of men
#67667d Deuteranopia 1% of men
#b14043 Tritanopia 0.001% of the population

Trichromacy

#6949a1 Protanomaly 1% of men, 0.01% of women
#824980 Deuteranomaly 6% of men, 0.4% of women
#b1315b Tritanomaly 0.01% of the population

#b31684 hex color

#b31684 Color Information

#b31684 Color Conversion

Color Schemes with #b31684

Alternatives to #b31684

#b31684 Preview

Shades and Tints of #b31684

Tones of #b31684

Color Blindness Simulator