#d31691 hex color

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

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

● #d31691 color description : Strong pink.

The hexadecimal color #d31691 has RGB values of R:211, G:22, B:145 and CMYK values of C:0, M:0.9, Y:0.31, K:0.17. Its decimal value is 13833873.

Hex triplet	d31691	`#d31691`
RGB Decimal	211, 22, 145	`rgb(211,22,145)`
RGB Percent	82.7, 8.6, 56.9	`rgb(82.7%,8.6%,56.9%)`
CMYK	0, 90, 31, 17
HSL	321°, 81.1, 45.7	`hsl(321,81.1%,45.7%)`
HSV (or HSB)	321°, 89.6, 82.7
Web Safe	cc0099	`#cc0099`

CIE-LAB	47.585, 74.708, -17.955
XYZ	32.262, 16.47, 28.267
xyY	0.419, 0.214, 16.47
CIE-LCH	47.585, 76.835, 346.486
CIE-LUV	47.585, 96.861, -37.88
Hunter-Lab	40.584, 70.879, -12.887
Binary	11010011, 00010110, 10010001

#d31691
```
#d31691 rgb(211,22,145)
```
#16d358
```
#16d358 rgb(22,211,88)
```

Complementary Color

#b716d3
```
#b716d3 rgb(183,22,211)
```
#d31691
```
#d31691 rgb(211,22,145)
```
#d31632
```
#d31632 rgb(211,22,50)
```

Analogous Color

#16d3b7
```
#16d3b7 rgb(22,211,183)
```
#d31691
```
#d31691 rgb(211,22,145)
```
#32d316
```
#32d316 rgb(50,211,22)
```

Split Complementary Color

#1691d3
```
#1691d3 rgb(22,145,211)
```
#d31691
```
#d31691 rgb(211,22,145)
```
#91d316
```
#91d316 rgb(145,211,22)
```

Triadic Color

#5816d3
```
#5816d3 rgb(88,22,211)
```
#d31691
```
#d31691 rgb(211,22,145)
```
#91d316
```
#91d316 rgb(145,211,22)
```
#16d358
```
#16d358 rgb(22,211,88)
```

Tetradic Color

#8e0f61
```
#8e0f61 rgb(142,15,97)
```
#a51171
```
#a51171 rgb(165,17,113)
```
#bc1481
```
#bc1481 rgb(188,20,129)
```
#d31691
```
#d31691 rgb(211,22,145)
```
#e71ba0
```
#e71ba0 rgb(231,27,160)
```
#ea32aa
```
#ea32aa rgb(234,50,170)
```
#ec49b3
```
#ec49b3 rgb(236,73,179)
```

Monochromatic Color

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

#d316c0
```
#d316c0 rgb(211,22,192)
```
#d316b1
```
#d316b1 rgb(211,22,177)
```
#d316a1
```
#d316a1 rgb(211,22,161)
```
#d31691
```
#d31691 rgb(211,22,145)
```
#d31681
```
#d31681 rgb(211,22,129)
```
#d31672
```
#d31672 rgb(211,22,114)
```
#d31662
```
#d31662 rgb(211,22,98)
```

Similar Colors

Text with hexadecimal color #d31691

This text has a font color of #d31691.

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

#d31691 background color

This paragraph has a background color of #d31691.

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

#d31691 border color

This element has a border color of #d31691.

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

CSS codes

.text {color:#d31691;}

.background {background-color:#d31691;}

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

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

#10020b
```
#10020b rgb(16,2,11)
```
#210317
```
#210317 rgb(33,3,23)
```
#330523
```
#330523 rgb(51,5,35)
```
#45072f
```
#45072f rgb(69,7,47)
```
#57093c
```
#57093c rgb(87,9,60)
```
#680b48
```
#680b48 rgb(104,11,72)
```
#7a0d54
```
#7a0d54 rgb(122,13,84)
```
#8c0f60
```
#8c0f60 rgb(140,15,96)
```
#9e106c
```
#9e106c rgb(158,16,108)
```
#af1279
```
#af1279 rgb(175,18,121)
```
#c11485
```
#c11485 rgb(193,20,133)
```
#d31691
```
#d31691 rgb(211,22,145)
```
#e5189d
```
#e5189d rgb(229,24,157)
```

Shade Color Variation

#e928a5
```
#e928a5 rgb(233,40,165)
```
#ea39ad
```
#ea39ad rgb(234,57,173)
```
#ec4bb4
```
#ec4bb4 rgb(236,75,180)
```
#ee5dbb
```
#ee5dbb rgb(238,93,187)
```
#f06fc3
```
#f06fc3 rgb(240,111,195)
```
#f280ca
```
#f280ca rgb(242,128,202)
```
#f492d2
```
#f492d2 rgb(244,146,210)
```
#f6a4d9
```
#f6a4d9 rgb(246,164,217)
```
#f7b6e0
```
#f7b6e0 rgb(247,182,224)
```
#f9c8e8
```
#f9c8e8 rgb(249,200,232)
```
#fbd9ef
```
#fbd9ef rgb(251,217,239)
```
#fdebf7
```
#fdebf7 rgb(253,235,247)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#797076
```
#797076 rgb(121,112,118)
```
#826779
```
#826779 rgb(130,103,121)
```
#8b5e7b
```
#8b5e7b rgb(139,94,123)
```
#94557e
```
#94557e rgb(148,85,126)
```
#9d4c81
```
#9d4c81 rgb(157,76,129)
```
#a64383
```
#a64383 rgb(166,67,131)
```
#af3a86
```
#af3a86 rgb(175,58,134)
```
#b83189
```
#b83189 rgb(184,49,137)
```
#c1288c
```
#c1288c rgb(193,40,140)
```
#ca1f8e
```
#ca1f8e rgb(202,31,142)
```
#d31691
```
#d31691 rgb(211,22,145)
```
#dc0d94
```
#dc0d94 rgb(220,13,148)
```
#e50496
```
#e50496 rgb(229,4,150)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#754f67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5275c4 Protanopia 1% of men
#7b7588 Deuteranopia 1% of men
#cf4548 Tritanopia 0.001% of the population

Trichromacy

#8152b2 Protanomaly 1% of men, 0.01% of women
#9b528b Deuteranomaly 6% of men, 0.4% of women
#d03462 Tritanomaly 0.01% of the population

#d31691 hex color

#d31691 Color Information

#d31691 Color Conversion

Color Schemes with #d31691

Alternatives to #d31691

#d31691 Preview

Shades and Tints of #d31691

Tones of #d31691

Color Blindness Simulator