#d31a36 hex color

In a RGB color space, hex #d31a36 is composed of 82.7% red, 10.2% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.7% magenta, 74.4% yellow and 17.3% black. It has a hue angle of 350.9 degrees, a saturation of 78.1% and a lightness of 46.5%. #d31a36 color hex could be obtained by blending #ff346c with #a70000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 83
- G 10
- B 21
RGB color chart
- C 0
- M 88
- Y 74
- K 17
CMYK color chart

● #d31a36 color description : Strong red.

The hexadecimal color #d31a36 has RGB values of R:211, G:26, B:54 and CMYK values of C:0, M:0.88, Y:0.74, K:0.17. Its decimal value is 13834806.

Hex triplet	d31a36	`#d31a36`
RGB Decimal	211, 26, 54	`rgb(211,26,54)`
RGB Percent	82.7, 10.2, 21.2	`rgb(82.7%,10.2%,21.2%)`
CMYK	0, 88, 74, 17
HSL	350.9°, 78.1, 46.5	`hsl(350.9,78.1%,46.5%)`
HSV (or HSB)	350.9°, 87.7, 82.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.438, 67.478, 34.845
XYZ	27.901, 14.858, 4.889
xyY	0.586, 0.312, 14.858
CIE-LCH	45.438, 75.943, 27.311
CIE-LUV	45.438, 131.502, 20.936
Hunter-Lab	38.546, 61.75, 19.462
Binary	11010011, 00011010, 00110110

#d31a36
```
#d31a36 rgb(211,26,54)
```
#1ad3b7
```
#1ad3b7 rgb(26,211,183)
```

Complementary Color

#d31a93
```
#d31a93 rgb(211,26,147)
```
#d31a36
```
#d31a36 rgb(211,26,54)
```
#d35a1a
```
#d35a1a rgb(211,90,26)
```

Analogous Color

#1a93d3
```
#1a93d3 rgb(26,147,211)
```
#d31a36
```
#d31a36 rgb(211,26,54)
```
#1ad35a
```
#1ad35a rgb(26,211,90)
```

Split Complementary Color

#1a36d3
```
#1a36d3 rgb(26,54,211)
```
#d31a36
```
#d31a36 rgb(211,26,54)
```
#36d31a
```
#36d31a rgb(54,211,26)
```

Triadic Color

#b71ad3
```
#b71ad3 rgb(183,26,211)
```
#d31a36
```
#d31a36 rgb(211,26,54)
```
#36d31a
```
#36d31a rgb(54,211,26)
```
#1ad3b7
```
#1ad3b7 rgb(26,211,183)
```

Tetradic Color

#8f1225
```
#8f1225 rgb(143,18,37)
```
#a6142a
```
#a6142a rgb(166,20,42)
```
#bc1730
```
#bc1730 rgb(188,23,48)
```
#d31a36
```
#d31a36 rgb(211,26,54)
```
#e42340
```
#e42340 rgb(228,35,64)
```
#e73954
```
#e73954 rgb(231,57,84)
```
#e95067
```
#e95067 rgb(233,80,103)
```

Monochromatic Color

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

#d31a64
```
#d31a64 rgb(211,26,100)
```
#d31a55
```
#d31a55 rgb(211,26,85)
```
#d31a45
```
#d31a45 rgb(211,26,69)
```
#d31a36
```
#d31a36 rgb(211,26,54)
```
#d31a27
```
#d31a27 rgb(211,26,39)
```
#d31d1a
```
#d31d1a rgb(211,29,26)
```
#d32c1a
```
#d32c1a rgb(211,44,26)
```

Similar Colors

Text with hexadecimal color #d31a36

This text has a font color of #d31a36.

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

#d31a36 background color

This paragraph has a background color of #d31a36.

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

#d31a36 border color

This element has a border color of #d31a36.

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

CSS codes

.text {color:#d31a36;}

.background {background-color:#d31a36;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#130205
```
#130205 rgb(19,2,5)
```
#240409
```
#240409 rgb(36,4,9)
```
#36070e
```
#36070e rgb(54,7,14)
```
#470912
```
#470912 rgb(71,9,18)
```
#590b17
```
#590b17 rgb(89,11,23)
```
#6a0d1b
```
#6a0d1b rgb(106,13,27)
```
#7c0f20
```
#7c0f20 rgb(124,15,32)
```
#8d1124
```
#8d1124 rgb(141,17,36)
```
#9f1429
```
#9f1429 rgb(159,20,41)
```
#b0162d
```
#b0162d rgb(176,22,45)
```
#c21832
```
#c21832 rgb(194,24,50)
```
#d31a36
```
#d31a36 rgb(211,26,54)
```

Shade Color Variation

#e31d3b
```
#e31d3b rgb(227,29,59)
```
#e52f4a
```
#e52f4a rgb(229,47,74)
```
#e8405a
```
#e8405a rgb(232,64,90)
```
#ea5269
```
#ea5269 rgb(234,82,105)
```
#ec6378
```
#ec6378 rgb(236,99,120)
```
#ee7587
```
#ee7587 rgb(238,117,135)
```
#f08696
```
#f08696 rgb(240,134,150)
```
#f298a5
```
#f298a5 rgb(242,152,165)
```
#f4a9b5
```
#f4a9b5 rgb(244,169,181)
```
#f7bbc4
```
#f7bbc4 rgb(247,187,196)
```
#f9ccd3
```
#f9ccd3 rgb(249,204,211)
```
#fbdee2
```
#fbdee2 rgb(251,222,226)
```
#fdeff1
```
#fdeff1 rgb(253,239,241)
```

Tint Color Variation

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

#787576
```
#787576 rgb(120,117,118)
```
#816c6f
```
#816c6f rgb(129,108,111)
```
#8a6369
```
#8a6369 rgb(138,99,105)
```
#935a62
```
#935a62 rgb(147,90,98)
```
#9c515c
```
#9c515c rgb(156,81,92)
```
#a54856
```
#a54856 rgb(165,72,86)
```
#af3e4f
```
#af3e4f rgb(175,62,79)
```
#b83549
```
#b83549 rgb(184,53,73)
```
#c12c43
```
#c12c43 rgb(193,44,67)
```
#ca233c
```
#ca233c rgb(202,35,60)
```
#d31a36
```
#d31a36 rgb(211,26,54)
```
#dc1130
```
#dc1130 rgb(220,17,48)
```
#e50829
```
#e50829 rgb(229,8,41)
```

Tone Color Variation

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

Dichromacy

#7b7356 Protanopia 1% of men
#8d6d33 Deuteranopia 1% of men
#d42b29 Tritanopia 0.001% of the population

Trichromacy

#9b524a Protanomaly 1% of men, 0.01% of women
#a64f34 Deuteranomaly 6% of men, 0.4% of women
#d4242e Tritanomaly 0.01% of the population

#d31a36 hex color

#d31a36 Color Information

#d31a36 Color Conversion

Color Schemes with #d31a36

Alternatives to #d31a36

#d31a36 Preview

Shades and Tints of #d31a36

Tones of #d31a36

Color Blindness Simulator