#d31d2a hex color

In a RGB color space, hex #d31d2a is composed of 82.7% red, 11.4% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.3% magenta, 80.1% yellow and 17.3% black. It has a hue angle of 355.7 degrees, a saturation of 75.8% and a lightness of 47.1%. #d31d2a color hex could be obtained by blending #ff3a54 with #a70000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 83
- G 11
- B 16
RGB color chart
- C 0
- M 86
- Y 80
- K 17
CMYK color chart

● #d31d2a color description : Strong red.

The hexadecimal color #d31d2a has RGB values of R:211, G:29, B:42 and CMYK values of C:0, M:0.86, Y:0.8, K:0.17. Its decimal value is 13835562.

Hex triplet	d31d2a	`#d31d2a`
RGB Decimal	211, 29, 42	`rgb(211,29,42)`
RGB Percent	82.7, 11.4, 16.5	`rgb(82.7%,11.4%,16.5%)`
CMYK	0, 86, 80, 17
HSL	355.7°, 75.8, 47.1	`hsl(355.7,75.8%,47.1%)`
HSV (or HSB)	355.7°, 86.3, 82.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.495, 66.528, 41.796
XYZ	27.723, 14.898, 3.606
xyY	0.6, 0.322, 14.898
CIE-LCH	45.495, 78.567, 32.139
CIE-LUV	45.495, 133.297, 25.671
Hunter-Lab	38.598, 60.658, 21.479
Binary	11010011, 00011101, 00101010

#d31d2a
```
#d31d2a rgb(211,29,42)
```
#1dd3c6
```
#1dd3c6 rgb(29,211,198)
```

Complementary Color

#d31d85
```
#d31d85 rgb(211,29,133)
```
#d31d2a
```
#d31d2a rgb(211,29,42)
```
#d36b1d
```
#d36b1d rgb(211,107,29)
```

Analogous Color

#1d85d3
```
#1d85d3 rgb(29,133,211)
```
#d31d2a
```
#d31d2a rgb(211,29,42)
```
#1dd36b
```
#1dd36b rgb(29,211,107)
```

Split Complementary Color

#1d2ad3
```
#1d2ad3 rgb(29,42,211)
```
#d31d2a
```
#d31d2a rgb(211,29,42)
```
#2ad31d
```
#2ad31d rgb(42,211,29)
```

Triadic Color

#c61dd3
```
#c61dd3 rgb(198,29,211)
```
#d31d2a
```
#d31d2a rgb(211,29,42)
```
#2ad31d
```
#2ad31d rgb(42,211,29)
```
#1dd3c6
```
#1dd3c6 rgb(29,211,198)
```

Tetradic Color

#90141d
```
#90141d rgb(144,20,29)
```
#a61721
```
#a61721 rgb(166,23,33)
```
#bd1a26
```
#bd1a26 rgb(189,26,38)
```
#d31d2a
```
#d31d2a rgb(211,29,42)
```
#e12835
```
#e12835 rgb(225,40,53)
```
#e53e4a
```
#e53e4a rgb(229,62,74)
```
#e8555f
```
#e8555f rgb(232,85,95)
```

Monochromatic Color

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

#d31d57
```
#d31d57 rgb(211,29,87)
```
#d31d48
```
#d31d48 rgb(211,29,72)
```
#d31d39
```
#d31d39 rgb(211,29,57)
```
#d31d2a
```
#d31d2a rgb(211,29,42)
```
#d31f1d
```
#d31f1d rgb(211,31,29)
```
#d32e1d
```
#d32e1d rgb(211,46,29)
```
#d33e1d
```
#d33e1d rgb(211,62,29)
```

Similar Colors

Text with hexadecimal color #d31d2a

This text has a font color of #d31d2a.

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

#d31d2a background color

This paragraph has a background color of #d31d2a.

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

#d31d2a border color

This element has a border color of #d31d2a.

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

CSS codes

.text {color:#d31d2a;}

.background {background-color:#d31d2a;}

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

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, #040101 is the darkest color, while #fdf2f3 is the lightest one.

#040101
```
#040101 rgb(4,1,1)
```
#150304
```
#150304 rgb(21,3,4)
```
#270508
```
#270508 rgb(39,5,8)
```
#38080b
```
#38080b rgb(56,8,11)
```
#490a0f
```
#490a0f rgb(73,10,15)
```
#5a0c12
```
#5a0c12 rgb(90,12,18)
```
#6c0f15
```
#6c0f15 rgb(108,15,21)
```
#7d1119
```
#7d1119 rgb(125,17,25)
```
#8e141c
```
#8e141c rgb(142,20,28)
```
#9f1620
```
#9f1620 rgb(159,22,32)
```
#b11823
```
#b11823 rgb(177,24,35)
```
#c21b27
```
#c21b27 rgb(194,27,39)
```
#d31d2a
```
#d31d2a rgb(211,29,42)
```

Shade Color Variation

#e12330
```
#e12330 rgb(225,35,48)
```
#e33441
```
#e33441 rgb(227,52,65)
```
#e54551
```
#e54551 rgb(229,69,81)
```
#e85761
```
#e85761 rgb(232,87,97)
```
#ea6871
```
#ea6871 rgb(234,104,113)
```
#ed7981
```
#ed7981 rgb(237,121,129)
```
#ef8a92
```
#ef8a92 rgb(239,138,146)
```
#f19ca2
```
#f19ca2 rgb(241,156,162)
```
#f4adb2
```
#f4adb2 rgb(244,173,178)
```
#f6bec2
```
#f6bec2 rgb(246,190,194)
```
#f8cfd2
```
#f8cfd2 rgb(248,207,210)
```
#fbe1e2
```
#fbe1e2 rgb(251,225,226)
```
#fdf2f3
```
#fdf2f3 rgb(253,242,243)
```

Tint Color Variation

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

#807071
```
#807071 rgb(128,112,113)
```
#896769
```
#896769 rgb(137,103,105)
```
#925e61
```
#925e61 rgb(146,94,97)
```
#9c5459
```
#9c5459 rgb(156,84,89)
```
#a54b52
```
#a54b52 rgb(165,75,82)
```
#ae424a
```
#ae424a rgb(174,66,74)
```
#b73942
```
#b73942 rgb(183,57,66)
```
#c12f3a
```
#c12f3a rgb(193,47,58)
```
#ca2632
```
#ca2632 rgb(202,38,50)
```
#d31d2a
```
#d31d2a rgb(211,29,42)
```
#dc1422
```
#dc1422 rgb(220,20,34)
```
#e50b1a
```
#e50b1a rgb(229,11,26)
```
#ef0112
```
#ef0112 rgb(239,1,18)
```

Tone Color Variation

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

Dichromacy

#7d7348 Protanopia 1% of men
#8f6d25 Deuteranopia 1% of men
#d52a29 Tritanopia 0.001% of the population

Trichromacy

#9c533d Protanomaly 1% of men, 0.01% of women
#a75027 Deuteranomaly 6% of men, 0.4% of women
#d42529 Tritanomaly 0.01% of the population

#d31d2a hex color

#d31d2a Color Information

#d31d2a Color Conversion

Color Schemes with #d31d2a

Alternatives to #d31d2a

#d31d2a Preview

Shades and Tints of #d31d2a

Tones of #d31d2a

Color Blindness Simulator