#d31456 hex color

In a RGB color space, hex #d31456 is composed of 82.7% red, 7.8% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.5% magenta, 59.2% yellow and 17.3% black. It has a hue angle of 339.3 degrees, a saturation of 82.7% and a lightness of 45.3%. #d31456 color hex could be obtained by blending #ff28ac with #a70000. Closest websafe color is: #cc0066.

♥
- f
- t
- g
- R 83
- G 8
- B 34
RGB color chart
- C 0
- M 91
- Y 59
- K 17
CMYK color chart

● #d31456 color description : Strong pink.

The hexadecimal color #d31456 has RGB values of R:211, G:20, B:86 and CMYK values of C:0, M:0.91, Y:0.59, K:0.17. Its decimal value is 13833302.

Hex triplet	d31456	`#d31456`
RGB Decimal	211, 20, 86	`rgb(211,20,86)`
RGB Percent	82.7, 7.8, 33.7	`rgb(82.7%,7.8%,33.7%)`
CMYK	0, 91, 59, 17
HSL	339.3°, 82.7, 45.3	`hsl(339.3,82.7%,45.3%)`
HSV (or HSB)	339.3°, 90.5, 82.7
Web Safe	cc0066	`#cc0066`

CIE-LAB	45.668, 70.003, 15.528
XYZ	28.795, 15.025, 10.187
xyY	0.533, 0.278, 15.025
CIE-LCH	45.668, 71.704, 12.507
CIE-LUV	45.668, 122.708, 3.907
Hunter-Lab	38.762, 64.771, 11.55
Binary	11010011, 00010100, 01010110

#d31456
```
#d31456 rgb(211,20,86)
```
#14d391
```
#14d391 rgb(20,211,145)
```

Complementary Color

#d314b6
```
#d314b6 rgb(211,20,182)
```
#d31456
```
#d31456 rgb(211,20,86)
```
#d33114
```
#d33114 rgb(211,49,20)
```

Analogous Color

#14b6d3
```
#14b6d3 rgb(20,182,211)
```
#d31456
```
#d31456 rgb(211,20,86)
```
#14d331
```
#14d331 rgb(20,211,49)
```

Split Complementary Color

#1456d3
```
#1456d3 rgb(20,86,211)
```
#d31456
```
#d31456 rgb(211,20,86)
```
#56d314
```
#56d314 rgb(86,211,20)
```

Triadic Color

#9114d3
```
#9114d3 rgb(145,20,211)
```
#d31456
```
#d31456 rgb(211,20,86)
```
#56d314
```
#56d314 rgb(86,211,20)
```
#14d391
```
#14d391 rgb(20,211,145)
```

Tetradic Color

#8d0d3a
```
#8d0d3a rgb(141,13,58)
```
#a41043
```
#a41043 rgb(164,16,67)
```
#bc124d
```
#bc124d rgb(188,18,77)
```
#d31456
```
#d31456 rgb(211,20,86)
```
#e91760
```
#e91760 rgb(233,23,96)
```
#eb2f70
```
#eb2f70 rgb(235,47,112)
```
#ed4680
```
#ed4680 rgb(237,70,128)
```

Monochromatic Color

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

#d31486
```
#d31486 rgb(211,20,134)
```
#d31476
```
#d31476 rgb(211,20,118)
```
#d31466
```
#d31466 rgb(211,20,102)
```
#d31456
```
#d31456 rgb(211,20,86)
```
#d31446
```
#d31446 rgb(211,20,70)
```
#d31436
```
#d31436 rgb(211,20,54)
```
#d31426
```
#d31426 rgb(211,20,38)
```

Similar Colors

Text with hexadecimal color #d31456

This text has a font color of #d31456.

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

#d31456 background color

This paragraph has a background color of #d31456.

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

#d31456 border color

This element has a border color of #d31456.

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

CSS codes

.text {color:#d31456;}

.background {background-color:#d31456;}

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

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

#0e0106
```
#0e0106 rgb(14,1,6)
```
#20030d
```
#20030d rgb(32,3,13)
```
#320514
```
#320514 rgb(50,5,20)
```
#44061c
```
#44061c rgb(68,6,28)
```
#560823
```
#560823 rgb(86,8,35)
```
#670a2a
```
#670a2a rgb(103,10,42)
```
#790c31
```
#790c31 rgb(121,12,49)
```
#8b0d39
```
#8b0d39 rgb(139,13,57)
```
#9d0f40
```
#9d0f40 rgb(157,15,64)
```
#af1147
```
#af1147 rgb(175,17,71)
```
#c1124f
```
#c1124f rgb(193,18,79)
```
#d31456
```
#d31456 rgb(211,20,86)
```
#e5165d
```
#e5165d rgb(229,22,93)
```

Shade Color Variation

#ea2468
```
#ea2468 rgb(234,36,104)
```
#ec3675
```
#ec3675 rgb(236,54,117)
```
#ee4881
```
#ee4881 rgb(238,72,129)
```
#ef5a8d
```
#ef5a8d rgb(239,90,141)
```
#f16c9a
```
#f16c9a rgb(241,108,154)
```
#f37ea6
```
#f37ea6 rgb(243,126,166)
```
#f48fb2
```
#f48fb2 rgb(244,143,178)
```
#f6a1bf
```
#f6a1bf rgb(246,161,191)
```
#f8b3cb
```
#f8b3cb rgb(248,179,203)
```
#fac5d7
```
#fac5d7 rgb(250,197,215)
```
#fbd7e4
```
#fbd7e4 rgb(251,215,228)
```
#fde9f0
```
#fde9f0 rgb(253,233,240)
```
#fffbfc
```
#fffbfc rgb(255,251,252)
```

Tint Color Variation

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

#7a6d71
```
#7a6d71 rgb(122,109,113)
```
#83646f
```
#83646f rgb(131,100,111)
```
#8c5b6c
```
#8c5b6c rgb(140,91,108)
```
#955269
```
#955269 rgb(149,82,105)
```
#9e4966
```
#9e4966 rgb(158,73,102)
```
#a74064
```
#a74064 rgb(167,64,100)
```
#af3861
```
#af3861 rgb(175,56,97)
```
#b82f5e
```
#b82f5e rgb(184,47,94)
```
#c1265b
```
#c1265b rgb(193,38,91)
```
#ca1d59
```
#ca1d59 rgb(202,29,89)
```
#d31456
```
#d31456 rgb(211,20,86)
```
#dc0b53
```
#dc0b53 rgb(220,11,83)
```
#e50251
```
#e50251 rgb(229,2,81)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#6e4855 Atypical Achromatopsia 0.001% of the population

Dichromacy

#72737d Protanopia 1% of men
#886f53 Deuteranopia 1% of men
#d33030 Tritanopia 0.001% of the population

Trichromacy

#95506f Protanomaly 1% of men, 0.01% of women
#a34e54 Deuteranomaly 6% of men, 0.4% of women
#d3253e Tritanomaly 0.01% of the population

#d31456 hex color

#d31456 Color Information

#d31456 Color Conversion

Color Schemes with #d31456

Alternatives to #d31456

#d31456 Preview

Shades and Tints of #d31456

Tones of #d31456

Color Blindness Simulator