#d31343 hex color

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

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

● #d31343 color description : Strong red.

The hexadecimal color #d31343 has RGB values of R:211, G:19, B:67 and CMYK values of C:0, M:0.91, Y:0.68, K:0.17. Its decimal value is 13833027.

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

CIE-LAB	45.253, 69.111, 26.761
XYZ	28.111, 14.723, 6.672
xyY	0.568, 0.297, 14.723
CIE-LCH	45.253, 74.112, 21.167
CIE-LUV	45.253, 129.546, 14.301
Hunter-Lab	38.371, 63.623, 16.551
Binary	11010011, 00010011, 01000011

#d31343
```
#d31343 rgb(211,19,67)
```
#13d3a3
```
#13d3a3 rgb(19,211,163)
```

Complementary Color

#d313a3
```
#d313a3 rgb(211,19,163)
```
#d31343
```
#d31343 rgb(211,19,67)
```
#d34313
```
#d34313 rgb(211,67,19)
```

Analogous Color

#13a3d3
```
#13a3d3 rgb(19,163,211)
```
#d31343
```
#d31343 rgb(211,19,67)
```
#13d343
```
#13d343 rgb(19,211,67)
```

Split Complementary Color

#1343d3
```
#1343d3 rgb(19,67,211)
```
#d31343
```
#d31343 rgb(211,19,67)
```
#43d313
```
#43d313 rgb(67,211,19)
```

Triadic Color

#a313d3
```
#a313d3 rgb(163,19,211)
```
#d31343
```
#d31343 rgb(211,19,67)
```
#43d313
```
#43d313 rgb(67,211,19)
```
#13d3a3
```
#13d3a3 rgb(19,211,163)
```

Tetradic Color

#8d0d2d
```
#8d0d2d rgb(141,13,45)
```
#a40f34
```
#a40f34 rgb(164,15,52)
```
#bc113c
```
#bc113c rgb(188,17,60)
```
#d31343
```
#d31343 rgb(211,19,67)
```
#ea164b
```
#ea164b rgb(234,22,75)
```
#ec2d5d
```
#ec2d5d rgb(236,45,93)
```
#ee446f
```
#ee446f rgb(238,68,111)
```

Monochromatic Color

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

#d31373
```
#d31373 rgb(211,19,115)
```
#d31363
```
#d31363 rgb(211,19,99)
```
#d31353
```
#d31353 rgb(211,19,83)
```
#d31343
```
#d31343 rgb(211,19,67)
```
#d31333
```
#d31333 rgb(211,19,51)
```
#d31323
```
#d31323 rgb(211,19,35)
```
#d31313
```
#d31313 rgb(211,19,19)
```

Similar Colors

Text with hexadecimal color #d31343

This text has a font color of #d31343.

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

#d31343 background color

This paragraph has a background color of #d31343.

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

#d31343 border color

This element has a border color of #d31343.

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

CSS codes

.text {color:#d31343;}

.background {background-color:#d31343;}

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

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)
```
#430615
```
#430615 rgb(67,6,21)
```
#55081b
```
#55081b rgb(85,8,27)
```
#670921
```
#670921 rgb(103,9,33)
```
#790b26
```
#790b26 rgb(121,11,38)
```
#8b0d2c
```
#8b0d2c rgb(139,13,44)
```
#9d0e32
```
#9d0e32 rgb(157,14,50)
```
#af1038
```
#af1038 rgb(175,16,56)
```
#c1113d
```
#c1113d rgb(193,17,61)
```
#d31343
```
#d31343 rgb(211,19,67)
```
#e51549
```
#e51549 rgb(229,21,73)
```

Shade Color Variation

#eb2254
```
#eb2254 rgb(235,34,84)
```
#ed3462
```
#ed3462 rgb(237,52,98)
```
#ee4670
```
#ee4670 rgb(238,70,112)
```
#f0587e
```
#f0587e rgb(240,88,126)
```
#f26a8c
```
#f26a8c rgb(242,106,140)
```
#f37c9a
```
#f37c9a rgb(243,124,154)
```
#f58ea8
```
#f58ea8 rgb(245,142,168)
```
#f6a0b6
```
#f6a0b6 rgb(246,160,182)
```
#f8b2c4
```
#f8b2c4 rgb(248,178,196)
```
#fac4d1
```
#fac4d1 rgb(250,196,209)
```
#fbd6df
```
#fbd6df rgb(251,214,223)
```
#fde8ed
```
#fde8ed rgb(253,232,237)
```
#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 #e5013a is the most saturated one.

#7b6b6f
```
#7b6b6f rgb(123,107,111)
```
#83636b
```
#83636b rgb(131,99,107)
```
#8c5a66
```
#8c5a66 rgb(140,90,102)
```
#955162
```
#955162 rgb(149,81,98)
```
#9e485e
```
#9e485e rgb(158,72,94)
```
#a73f59
```
#a73f59 rgb(167,63,89)
```
#b03655
```
#b03655 rgb(176,54,85)
```
#b82e50
```
#b82e50 rgb(184,46,80)
```
#c1254c
```
#c1254c rgb(193,37,76)
```
#ca1c47
```
#ca1c47 rgb(202,28,71)
```
#d31343
```
#d31343 rgb(211,19,67)
```
#dc0a3f
```
#dc0a3f rgb(220,10,63)
```
#e5013a
```
#e5013a rgb(229,1,58)
```

Tone Color Variation

Below, you can see how #d31343 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
#6c454f Atypical Achromatopsia 0.001% of the population

Dichromacy

#777267 Protanopia 1% of men
#8b6d40 Deuteranopia 1% of men
#d42a28 Tritanopia 0.001% of the population

Trichromacy

#984f59 Protanomaly 1% of men, 0.01% of women
#a54c41 Deuteranomaly 6% of men, 0.4% of women
#d32132 Tritanomaly 0.01% of the population

#d31343 hex color

#d31343 Color Information

#d31343 Color Conversion

Color Schemes with #d31343

Alternatives to #d31343

#d31343 Preview

Shades and Tints of #d31343

Tones of #d31343

Color Blindness Simulator