#d31e2f hex color

In a RGB color space, hex #d31e2f is composed of 82.7% red, 11.8% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.8% magenta, 77.7% yellow and 17.3% black. It has a hue angle of 354.4 degrees, a saturation of 75.1% and a lightness of 47.3%. #d31e2f color hex could be obtained by blending #ff3c5e with #a70000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 83
- G 12
- B 18
RGB color chart
- C 0
- M 86
- Y 78
- K 17
CMYK color chart

● #d31e2f color description : Strong red.

The hexadecimal color #d31e2f has RGB values of R:211, G:30, B:47 and CMYK values of C:0, M:0.86, Y:0.78, K:0.17. Its decimal value is 13835823.

Hex triplet	d31e2f	`#d31e2f`
RGB Decimal	211, 30, 47	`rgb(211,30,47)`
RGB Percent	82.7, 11.8, 18.4	`rgb(82.7%,11.8%,18.4%)`
CMYK	0, 86, 78, 17
HSL	354.4°, 75.1, 47.3	`hsl(354.4,75.1%,47.3%)`
HSV (or HSB)	354.4°, 85.8, 82.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.615, 66.485, 39.112
XYZ	27.843, 14.986, 4.116
xyY	0.593, 0.319, 14.986
CIE-LCH	45.615, 77.137, 30.467
CIE-LUV	45.615, 131.915, 24.112
Hunter-Lab	38.712, 60.636, 20.795
Binary	11010011, 00011110, 00101111

#d31e2f
```
#d31e2f rgb(211,30,47)
```
#1ed3c2
```
#1ed3c2 rgb(30,211,194)
```

Complementary Color

#d31e8a
```
#d31e8a rgb(211,30,138)
```
#d31e2f
```
#d31e2f rgb(211,30,47)
```
#d3681e
```
#d3681e rgb(211,104,30)
```

Analogous Color

#1e8ad3
```
#1e8ad3 rgb(30,138,211)
```
#d31e2f
```
#d31e2f rgb(211,30,47)
```
#1ed368
```
#1ed368 rgb(30,211,104)
```

Split Complementary Color

#1e2fd3
```
#1e2fd3 rgb(30,47,211)
```
#d31e2f
```
#d31e2f rgb(211,30,47)
```
#2fd31e
```
#2fd31e rgb(47,211,30)
```

Triadic Color

#c21ed3
```
#c21ed3 rgb(194,30,211)
```
#d31e2f
```
#d31e2f rgb(211,30,47)
```
#2fd31e
```
#2fd31e rgb(47,211,30)
```
#1ed3c2
```
#1ed3c2 rgb(30,211,194)
```

Tetradic Color

#901420
```
#901420 rgb(144,20,32)
```
#a61825
```
#a61825 rgb(166,24,37)
```
#bd1b2a
```
#bd1b2a rgb(189,27,42)
```
#d31e2f
```
#d31e2f rgb(211,30,47)
```
#e12a3b
```
#e12a3b rgb(225,42,59)
```
#e44050
```
#e44050 rgb(228,64,80)
```
#e75664
```
#e75664 rgb(231,86,100)
```

Monochromatic Color

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

#d31e5c
```
#d31e5c rgb(211,30,92)
```
#d31e4d
```
#d31e4d rgb(211,30,77)
```
#d31e3e
```
#d31e3e rgb(211,30,62)
```
#d31e2f
```
#d31e2f rgb(211,30,47)
```
#d31e20
```
#d31e20 rgb(211,30,32)
```
#d32b1e
```
#d32b1e rgb(211,43,30)
```
#d33a1e
```
#d33a1e rgb(211,58,30)
```

Similar Colors

Text with hexadecimal color #d31e2f

This text has a font color of #d31e2f.

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

#d31e2f background color

This paragraph has a background color of #d31e2f.

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

#d31e2f border color

This element has a border color of #d31e2f.

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

CSS codes

.text {color:#d31e2f;}

.background {background-color:#d31e2f;}

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

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

#050101
```
#050101 rgb(5,1,1)
```
#160305
```
#160305 rgb(22,3,5)
```
#270609
```
#270609 rgb(39,6,9)
```
#38080d
```
#38080d rgb(56,8,13)
```
#4a0a10
```
#4a0a10 rgb(74,10,16)
```
#5b0d14
```
#5b0d14 rgb(91,13,20)
```
#6c0f18
```
#6c0f18 rgb(108,15,24)
```
#7d121c
```
#7d121c rgb(125,18,28)
```
#8e1420
```
#8e1420 rgb(142,20,32)
```
#9f1724
```
#9f1724 rgb(159,23,36)
```
#b11927
```
#b11927 rgb(177,25,39)
```
#c21c2b
```
#c21c2b rgb(194,28,43)
```
#d31e2f
```
#d31e2f rgb(211,30,47)
```

Shade Color Variation

#e02536
```
#e02536 rgb(224,37,54)
```
#e23646
```
#e23646 rgb(226,54,70)
```
#e54756
```
#e54756 rgb(229,71,86)
```
#e75866
```
#e75866 rgb(231,88,102)
```
#ea6975
```
#ea6975 rgb(234,105,117)
```
#ec7b85
```
#ec7b85 rgb(236,123,133)
```
#ef8c95
```
#ef8c95 rgb(239,140,149)
```
#f19da5
```
#f19da5 rgb(241,157,165)
```
#f3aeb5
```
#f3aeb5 rgb(243,174,181)
```
#f6bfc4
```
#f6bfc4 rgb(246,191,196)
```
#f8d0d4
```
#f8d0d4 rgb(248,208,212)
```
#fbe2e4
```
#fbe2e4 rgb(251,226,228)
```
#fdf3f4
```
#fdf3f4 rgb(253,243,244)
```

Tint Color Variation

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

#807173
```
#807173 rgb(128,113,115)
```
#89686b
```
#89686b rgb(137,104,107)
```
#925f64
```
#925f64 rgb(146,95,100)
```
#9b565c
```
#9b565c rgb(155,86,92)
```
#a54c55
```
#a54c55 rgb(165,76,85)
```
#ae434d
```
#ae434d rgb(174,67,77)
```
#b73a46
```
#b73a46 rgb(183,58,70)
```
#c0313e
```
#c0313e rgb(192,49,62)
```
#ca2737
```
#ca2737 rgb(202,39,55)
```
#d31e2f
```
#d31e2f rgb(211,30,47)
```
#dc1527
```
#dc1527 rgb(220,21,39)
```
#e60b20
```
#e60b20 rgb(230,11,32)
```
#ef0218
```
#ef0218 rgb(239,2,24)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#6f4b4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d734d Protanopia 1% of men
#8f6e2b Deuteranopia 1% of men
#d42c2b Tritanopia 0.001% of the population

Trichromacy

#9c5442 Protanomaly 1% of men, 0.01% of women
#a7512d Deuteranomaly 6% of men, 0.4% of women
#d4272c Tritanomaly 0.01% of the population

#d31e2f hex color

#d31e2f Color Information

#d31e2f Color Conversion

Color Schemes with #d31e2f

Alternatives to #d31e2f

#d31e2f Preview

Shades and Tints of #d31e2f

Tones of #d31e2f

Color Blindness Simulator