#d31566 hex color

In a RGB color space, hex #d31566 is composed of 82.7% red, 8.2% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90% magenta, 51.7% yellow and 17.3% black. It has a hue angle of 334.4 degrees, a saturation of 81.9% and a lightness of 45.5%. #d31566 color hex could be obtained by blending #ff2acc with #a70000. Closest websafe color is: #cc0066.

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

● #d31566 color description : Strong pink.

The hexadecimal color #d31566 has RGB values of R:211, G:21, B:102 and CMYK values of C:0, M:0.9, Y:0.52, K:0.17. Its decimal value is 13833574.

Hex triplet	d31566	`#d31566`
RGB Decimal	211, 21, 102	`rgb(211,21,102)`
RGB Percent	82.7, 8.2, 40	`rgb(82.7%,8.2%,40%)`
CMYK	0, 90, 52, 17
HSL	334.4°, 81.9, 45.5	`hsl(334.4,81.9%,45.5%)`
HSV (or HSB)	334.4°, 90, 82.7
Web Safe	cc0066	`#cc0066`

CIE-LAB	46.107, 70.948, 6.191
XYZ	29.531, 15.348, 13.977
xyY	0.502, 0.261, 15.348
CIE-LCH	46.107, 71.217, 4.987
CIE-LUV	46.107, 116.113, -6.273
Hunter-Lab	39.176, 65.996, 6.27
Binary	11010011, 00010101, 01100110

#d31566
```
#d31566 rgb(211,21,102)
```
#15d382
```
#15d382 rgb(21,211,130)
```

Complementary Color

#d315c5
```
#d315c5 rgb(211,21,197)
```
#d31566
```
#d31566 rgb(211,21,102)
```
#d32315
```
#d32315 rgb(211,35,21)
```

Analogous Color

#15c5d3
```
#15c5d3 rgb(21,197,211)
```
#d31566
```
#d31566 rgb(211,21,102)
```
#15d323
```
#15d323 rgb(21,211,35)
```

Split Complementary Color

#1566d3
```
#1566d3 rgb(21,102,211)
```
#d31566
```
#d31566 rgb(211,21,102)
```
#66d315
```
#66d315 rgb(102,211,21)
```

Triadic Color

#8215d3
```
#8215d3 rgb(130,21,211)
```
#d31566
```
#d31566 rgb(211,21,102)
```
#66d315
```
#66d315 rgb(102,211,21)
```
#15d382
```
#15d382 rgb(21,211,130)
```

Tetradic Color

#8d0e44
```
#8d0e44 rgb(141,14,68)
```
#a51050
```
#a51050 rgb(165,16,80)
```
#bc135b
```
#bc135b rgb(188,19,91)
```
#d31566
```
#d31566 rgb(211,21,102)
```
#e81972
```
#e81972 rgb(232,25,114)
```
#ea3180
```
#ea3180 rgb(234,49,128)
```
#ed488e
```
#ed488e rgb(237,72,142)
```

Monochromatic Color

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

#d31596
```
#d31596 rgb(211,21,150)
```
#d31586
```
#d31586 rgb(211,21,134)
```
#d31576
```
#d31576 rgb(211,21,118)
```
#d31566
```
#d31566 rgb(211,21,102)
```
#d31556
```
#d31556 rgb(211,21,86)
```
#d31546
```
#d31546 rgb(211,21,70)
```
#d31537
```
#d31537 rgb(211,21,55)
```

Similar Colors

Text with hexadecimal color #d31566

This text has a font color of #d31566.

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

#d31566 background color

This paragraph has a background color of #d31566.

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

#d31566 border color

This element has a border color of #d31566.

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

CSS codes

.text {color:#d31566;}

.background {background-color:#d31566;}

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

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, #0f0107 is the darkest color, while #fffcfd is the lightest one.

#0f0107
```
#0f0107 rgb(15,1,7)
```
#210310
```
#210310 rgb(33,3,16)
```
#320518
```
#320518 rgb(50,5,24)
```
#440721
```
#440721 rgb(68,7,33)
```
#56092a
```
#56092a rgb(86,9,42)
```
#680a32
```
#680a32 rgb(104,10,50)
```
#7a0c3b
```
#7a0c3b rgb(122,12,59)
```
#8c0e44
```
#8c0e44 rgb(140,14,68)
```
#9d104c
```
#9d104c rgb(157,16,76)
```
#af1155
```
#af1155 rgb(175,17,85)
```
#c1135d
```
#c1135d rgb(193,19,93)
```
#d31566
```
#d31566 rgb(211,21,102)
```
#e5176f
```
#e5176f rgb(229,23,111)
```

Shade Color Variation

#e92679
```
#e92679 rgb(233,38,121)
```
#eb3884
```
#eb3884 rgb(235,56,132)
```
#ed4a8f
```
#ed4a8f rgb(237,74,143)
```
#ef5b9a
```
#ef5b9a rgb(239,91,154)
```
#f06da5
```
#f06da5 rgb(240,109,165)
```
#f27fb0
```
#f27fb0 rgb(242,127,176)
```
#f491bb
```
#f491bb rgb(244,145,187)
```
#f6a3c6
```
#f6a3c6 rgb(246,163,198)
```
#f8b5d1
```
#f8b5d1 rgb(248,181,209)
```
#f9c6dc
```
#f9c6dc rgb(249,198,220)
```
#fbd8e7
```
#fbd8e7 rgb(251,216,231)
```
#fdeaf2
```
#fdeaf2 rgb(253,234,242)
```
#fffcfd
```
#fffcfd rgb(255,252,253)
```

Tint Color Variation

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

#7a6e73
```
#7a6e73 rgb(122,110,115)
```
#836572
```
#836572 rgb(131,101,114)
```
#8c5c71
```
#8c5c71 rgb(140,92,113)
```
#95536f
```
#95536f rgb(149,83,111)
```
#9d4b6e
```
#9d4b6e rgb(157,75,110)
```
#a6426d
```
#a6426d rgb(166,66,109)
```
#af396b
```
#af396b rgb(175,57,107)
```
#b8306a
```
#b8306a rgb(184,48,106)
```
#c12769
```
#c12769 rgb(193,39,105)
```
#ca1e67
```
#ca1e67 rgb(202,30,103)
```
#d31566
```
#d31566 rgb(211,21,102)
```
#dc0c65
```
#dc0c65 rgb(220,12,101)
```
#e50363
```
#e50363 rgb(229,3,99)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#704a5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c7391 Protanopia 1% of men
#867061 Deuteranopia 1% of men
#d23536 Tritanopia 0.001% of the population

Trichromacy

#925181 Protanomaly 1% of men, 0.01% of women
#a24f63 Deuteranomaly 6% of men, 0.4% of women
#d22948 Tritanomaly 0.01% of the population

#d31566 hex color

#d31566 Color Information

#d31566 Color Conversion

Color Schemes with #d31566

Alternatives to #d31566

#d31566 Preview

Shades and Tints of #d31566

Tones of #d31566

Color Blindness Simulator