#d31346 hex color

In a RGB color space, hex #d31346 is composed of 82.7% red, 7.5% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91% magenta, 66.8% yellow and 17.3% black. It has a hue angle of 344.1 degrees, a saturation of 83.5% and a lightness of 45.1%. #d31346 color hex could be obtained by blending #ff268c with #a70000. Closest websafe color is: #cc0033.

♥
- f
- t
- g
- R 83
- G 7
- B 27
RGB color chart
- C 0
- M 91
- Y 67
- K 17
CMYK color chart

● #d31346 color description : Strong pink.

The hexadecimal color #d31346 has RGB values of R:211, G:19, B:70 and CMYK values of C:0, M:0.91, Y:0.67, K:0.17. Its decimal value is 13833030.

Hex triplet	d31346	`#d31346`
RGB Decimal	211, 19, 70	`rgb(211,19,70)`
RGB Percent	82.7, 7.5, 27.5	`rgb(82.7%,7.5%,27.5%)`
CMYK	0, 91, 67, 17
HSL	344.1°, 83.5, 45.1	`hsl(344.1,83.5%,45.1%)`
HSV (or HSB)	344.1°, 91, 82.7
Web Safe	cc0033	`#cc0033`

CIE-LAB	45.304, 69.255, 24.978
XYZ	28.204, 14.76, 7.158
xyY	0.563, 0.294, 14.76
CIE-LCH	45.304, 73.622, 19.833
CIE-LUV	45.304, 128.582, 12.786
Hunter-Lab	38.419, 63.804, 15.847
Binary	11010011, 00010011, 01000110

#d31346
```
#d31346 rgb(211,19,70)
```
#13d3a0
```
#13d3a0 rgb(19,211,160)
```

Complementary Color

#d313a6
```
#d313a6 rgb(211,19,166)
```
#d31346
```
#d31346 rgb(211,19,70)
```
#d34013
```
#d34013 rgb(211,64,19)
```

Analogous Color

#13a6d3
```
#13a6d3 rgb(19,166,211)
```
#d31346
```
#d31346 rgb(211,19,70)
```
#13d340
```
#13d340 rgb(19,211,64)
```

Split Complementary Color

#1346d3
```
#1346d3 rgb(19,70,211)
```
#d31346
```
#d31346 rgb(211,19,70)
```
#46d313
```
#46d313 rgb(70,211,19)
```

Triadic Color

#a013d3
```
#a013d3 rgb(160,19,211)
```
#d31346
```
#d31346 rgb(211,19,70)
```
#46d313
```
#46d313 rgb(70,211,19)
```
#13d3a0
```
#13d3a0 rgb(19,211,160)
```

Tetradic Color

#8d0d2f
```
#8d0d2f rgb(141,13,47)
```
#a40f36
```
#a40f36 rgb(164,15,54)
```
#bc113e
```
#bc113e rgb(188,17,62)
```
#d31346
```
#d31346 rgb(211,19,70)
```
#ea164e
```
#ea164e rgb(234,22,78)
```
#ec2d60
```
#ec2d60 rgb(236,45,96)
```
#ee4471
```
#ee4471 rgb(238,68,113)
```

Monochromatic Color

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

#d31376
```
#d31376 rgb(211,19,118)
```
#d31366
```
#d31366 rgb(211,19,102)
```
#d31356
```
#d31356 rgb(211,19,86)
```
#d31346
```
#d31346 rgb(211,19,70)
```
#d31336
```
#d31336 rgb(211,19,54)
```
#d31326
```
#d31326 rgb(211,19,38)
```
#d31316
```
#d31316 rgb(211,19,22)
```

Similar Colors

Text with hexadecimal color #d31346

This text has a font color of #d31346.

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

#d31346 background color

This paragraph has a background color of #d31346.

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

#d31346 border color

This element has a border color of #d31346.

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

CSS codes

.text {color:#d31346;}

.background {background-color:#d31346;}

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

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

#0d0104
```
#0d0104 rgb(13,1,4)
```
#1f030a
```
#1f030a rgb(31,3,10)
```
#310410
```
#310410 rgb(49,4,16)
```
#430616
```
#430616 rgb(67,6,22)
```
#55081c
```
#55081c rgb(85,8,28)
```
#670922
```
#670922 rgb(103,9,34)
```
#790b28
```
#790b28 rgb(121,11,40)
```
#8b0d2e
```
#8b0d2e rgb(139,13,46)
```
#9d0e34
```
#9d0e34 rgb(157,14,52)
```
#af103a
```
#af103a rgb(175,16,58)
```
#c11140
```
#c11140 rgb(193,17,64)
```
#d31346
```
#d31346 rgb(211,19,70)
```
#e5154c
```
#e5154c rgb(229,21,76)
```

Shade Color Variation

#eb2258
```
#eb2258 rgb(235,34,88)
```
#ed3465
```
#ed3465 rgb(237,52,101)
```
#ee4673
```
#ee4673 rgb(238,70,115)
```
#f05880
```
#f05880 rgb(240,88,128)
```
#f26a8e
```
#f26a8e rgb(242,106,142)
```
#f37c9c
```
#f37c9c rgb(243,124,156)
```
#f58ea9
```
#f58ea9 rgb(245,142,169)
```
#f6a0b7
```
#f6a0b7 rgb(246,160,183)
```
#f8b2c5
```
#f8b2c5 rgb(248,178,197)
```
#fac4d2
```
#fac4d2 rgb(250,196,210)
```
#fbd6e0
```
#fbd6e0 rgb(251,214,224)
```
#fde8ee
```
#fde8ee rgb(253,232,238)
```
#fffafb
```
#fffafb rgb(255,250,251)
```

Tint Color Variation

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

#7b6b6f
```
#7b6b6f rgb(123,107,111)
```
#83636b
```
#83636b rgb(131,99,107)
```
#8c5a67
```
#8c5a67 rgb(140,90,103)
```
#955163
```
#955163 rgb(149,81,99)
```
#9e485f
```
#9e485f rgb(158,72,95)
```
#a73f5b
```
#a73f5b rgb(167,63,91)
```
#b03657
```
#b03657 rgb(176,54,87)
```
#b82e52
```
#b82e52 rgb(184,46,82)
```
#c1254e
```
#c1254e rgb(193,37,78)
```
#ca1c4a
```
#ca1c4a rgb(202,28,74)
```
#d31346
```
#d31346 rgb(211,19,70)
```
#dc0a42
```
#dc0a42 rgb(220,10,66)
```
#e5013e
```
#e5013e rgb(229,1,62)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#6c4550 Atypical Achromatopsia 0.001% of the population

Dichromacy

#76726a Protanopia 1% of men
#8b6d43 Deuteranopia 1% of men
#d42a29 Tritanopia 0.001% of the population

Trichromacy

#984f5d Protanomaly 1% of men, 0.01% of women
#a54c44 Deuteranomaly 6% of men, 0.4% of women
#d32234 Tritanomaly 0.01% of the population

#d31346 hex color

#d31346 Color Information

#d31346 Color Conversion

Color Schemes with #d31346

Alternatives to #d31346

#d31346 Preview

Shades and Tints of #d31346

Tones of #d31346

Color Blindness Simulator