#d31684 hex color

In a RGB color space, hex #d31684 is composed of 82.7% red, 8.6% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.6% magenta, 37.4% yellow and 17.3% black. It has a hue angle of 325.1 degrees, a saturation of 81.1% and a lightness of 45.7%. #d31684 color hex could be obtained by blending #ff2cff with #a70009. Closest websafe color is: #cc0099.

♥
- f
- t
- g
- R 83
- G 9
- B 52
RGB color chart
- C 0
- M 90
- Y 37
- K 17
CMYK color chart

● #d31684 color description : Strong pink.

The hexadecimal color #d31684 has RGB values of R:211, G:22, B:132 and CMYK values of C:0, M:0.9, Y:0.37, K:0.17. Its decimal value is 13833860.

Hex triplet	d31684	`#d31684`
RGB Decimal	211, 22, 132	`rgb(211,22,132)`
RGB Percent	82.7, 8.6, 51.8	`rgb(82.7%,8.6%,51.8%)`
CMYK	0, 90, 37, 17
HSL	325.1°, 81.1, 45.7	`hsl(325.1,81.1%,45.7%)`
HSV (or HSB)	325.1°, 89.6, 82.7
Web Safe	cc0099	`#cc0099`

CIE-LAB	47.095, 73.38, -10.818
XYZ	31.316, 16.092, 23.286
xyY	0.443, 0.228, 16.092
CIE-LCH	47.095, 74.173, 351.614
CIE-LUV	47.095, 102.76, -27.885
Hunter-Lab	40.115, 69.149, -6.336
Binary	11010011, 00010110, 10000100

#d31684
```
#d31684 rgb(211,22,132)
```
#16d365
```
#16d365 rgb(22,211,101)
```

Complementary Color

#c416d3
```
#c416d3 rgb(196,22,211)
```
#d31684
```
#d31684 rgb(211,22,132)
```
#d31626
```
#d31626 rgb(211,22,38)
```

Analogous Color

#16d3c4
```
#16d3c4 rgb(22,211,196)
```
#d31684
```
#d31684 rgb(211,22,132)
```
#26d316
```
#26d316 rgb(38,211,22)
```

Split Complementary Color

#1684d3
```
#1684d3 rgb(22,132,211)
```
#d31684
```
#d31684 rgb(211,22,132)
```
#84d316
```
#84d316 rgb(132,211,22)
```

Triadic Color

#6516d3
```
#6516d3 rgb(101,22,211)
```
#d31684
```
#d31684 rgb(211,22,132)
```
#84d316
```
#84d316 rgb(132,211,22)
```
#16d365
```
#16d365 rgb(22,211,101)
```

Tetradic Color

#8e0f59
```
#8e0f59 rgb(142,15,89)
```
#a51167
```
#a51167 rgb(165,17,103)
```
#bc1476
```
#bc1476 rgb(188,20,118)
```
#d31684
```
#d31684 rgb(211,22,132)
```
#e71b92
```
#e71b92 rgb(231,27,146)
```
#ea329d
```
#ea329d rgb(234,50,157)
```
#ec49a8
```
#ec49a8 rgb(236,73,168)
```

Monochromatic Color

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

#d316b3
```
#d316b3 rgb(211,22,179)
```
#d316a4
```
#d316a4 rgb(211,22,164)
```
#d31694
```
#d31694 rgb(211,22,148)
```
#d31684
```
#d31684 rgb(211,22,132)
```
#d31674
```
#d31674 rgb(211,22,116)
```
#d31665
```
#d31665 rgb(211,22,101)
```
#d31655
```
#d31655 rgb(211,22,85)
```

Similar Colors

Text with hexadecimal color #d31684

This text has a font color of #d31684.

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

#d31684 background color

This paragraph has a background color of #d31684.

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

#d31684 border color

This element has a border color of #d31684.

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

CSS codes

.text {color:#d31684;}

.background {background-color:#d31684;}

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

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, #10020a is the darkest color, while #fffdfe is the lightest one.

#10020a
```
#10020a rgb(16,2,10)
```
#210315
```
#210315 rgb(33,3,21)
```
#330520
```
#330520 rgb(51,5,32)
```
#45072b
```
#45072b rgb(69,7,43)
```
#570936
```
#570936 rgb(87,9,54)
```
#680b41
```
#680b41 rgb(104,11,65)
```
#7a0d4c
```
#7a0d4c rgb(122,13,76)
```
#8c0f58
```
#8c0f58 rgb(140,15,88)
```
#9e1063
```
#9e1063 rgb(158,16,99)
```
#af126e
```
#af126e rgb(175,18,110)
```
#c11479
```
#c11479 rgb(193,20,121)
```
#d31684
```
#d31684 rgb(211,22,132)
```
#e5188f
```
#e5188f rgb(229,24,143)
```

Shade Color Variation

#e92898
```
#e92898 rgb(233,40,152)
```
#ea39a0
```
#ea39a0 rgb(234,57,160)
```
#ec4ba9
```
#ec4ba9 rgb(236,75,169)
```
#ee5db1
```
#ee5db1 rgb(238,93,177)
```
#f06fba
```
#f06fba rgb(240,111,186)
```
#f280c2
```
#f280c2 rgb(242,128,194)
```
#f492cb
```
#f492cb rgb(244,146,203)
```
#f6a4d3
```
#f6a4d3 rgb(246,164,211)
```
#f7b6dc
```
#f7b6dc rgb(247,182,220)
```
#f9c8e4
```
#f9c8e4 rgb(249,200,228)
```
#fbd9ed
```
#fbd9ed rgb(251,217,237)
```
#fdebf5
```
#fdebf5 rgb(253,235,245)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#797075
```
#797075 rgb(121,112,117)
```
#826777
```
#826777 rgb(130,103,119)
```
#8b5e78
```
#8b5e78 rgb(139,94,120)
```
#94557a
```
#94557a rgb(148,85,122)
```
#9d4c7b
```
#9d4c7b rgb(157,76,123)
```
#a6437d
```
#a6437d rgb(166,67,125)
```
#af3a7e
```
#af3a7e rgb(175,58,126)
```
#b83180
```
#b83180 rgb(184,49,128)
```
#c12881
```
#c12881 rgb(193,40,129)
```
#ca1f83
```
#ca1f83 rgb(202,31,131)
```
#d31684
```
#d31684 rgb(211,22,132)
```
#dc0d85
```
#dc0d85 rgb(220,13,133)
```
#e50487
```
#e50487 rgb(229,4,135)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#734d63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c75b5 Protanopia 1% of men
#7f737d Deuteranopia 1% of men
#d04043 Tritanopia 0.001% of the population

Trichromacy

#8752a3 Protanomaly 1% of men, 0.01% of women
#9d517f Deuteranomaly 6% of men, 0.4% of women
#d1315a Tritanomaly 0.01% of the population

#d31684 hex color

#d31684 Color Information

#d31684 Color Conversion

Color Schemes with #d31684

Alternatives to #d31684

#d31684 Preview

Shades and Tints of #d31684

Tones of #d31684

Color Blindness Simulator