#d31e36 hex color

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

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

● #d31e36 color description : Strong red.

The hexadecimal color #d31e36 has RGB values of R:211, G:30, B:54 and CMYK values of C:0, M:0.86, Y:0.74, K:0.17. Its decimal value is 13835830.

Hex triplet	d31e36	`#d31e36`
RGB Decimal	211, 30, 54	`rgb(211,30,54)`
RGB Percent	82.7, 11.8, 21.2	`rgb(82.7%,11.8%,21.2%)`
CMYK	0, 86, 74, 17
HSL	352°, 75.1, 47.3	`hsl(352,75.1%,47.3%)`
HSV (or HSB)	352°, 85.8, 82.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.699, 66.731, 35.141
XYZ	27.995, 15.047, 4.92
xyY	0.584, 0.314, 15.047
CIE-LCH	45.699, 75.418, 27.771
CIE-LUV	45.699, 130.27, 21.451
Hunter-Lab	38.791, 60.94, 19.633
Binary	11010011, 00011110, 00110110

#d31e36
```
#d31e36 rgb(211,30,54)
```
#1ed3bb
```
#1ed3bb rgb(30,211,187)
```

Complementary Color

#d31e91
```
#d31e91 rgb(211,30,145)
```
#d31e36
```
#d31e36 rgb(211,30,54)
```
#d3611e
```
#d3611e rgb(211,97,30)
```

Analogous Color

#1e91d3
```
#1e91d3 rgb(30,145,211)
```
#d31e36
```
#d31e36 rgb(211,30,54)
```
#1ed361
```
#1ed361 rgb(30,211,97)
```

Split Complementary Color

#1e36d3
```
#1e36d3 rgb(30,54,211)
```
#d31e36
```
#d31e36 rgb(211,30,54)
```
#36d31e
```
#36d31e rgb(54,211,30)
```

Triadic Color

#bb1ed3
```
#bb1ed3 rgb(187,30,211)
```
#d31e36
```
#d31e36 rgb(211,30,54)
```
#36d31e
```
#36d31e rgb(54,211,30)
```
#1ed3bb
```
#1ed3bb rgb(30,211,187)
```

Tetradic Color

#901425
```
#901425 rgb(144,20,37)
```
#a6182b
```
#a6182b rgb(166,24,43)
```
#bd1b30
```
#bd1b30 rgb(189,27,48)
```
#d31e36
```
#d31e36 rgb(211,30,54)
```
#e12a42
```
#e12a42 rgb(225,42,66)
```
#e44056
```
#e44056 rgb(228,64,86)
```
#e7566a
```
#e7566a rgb(231,86,106)
```

Monochromatic Color

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

#d31e63
```
#d31e63 rgb(211,30,99)
```
#d31e54
```
#d31e54 rgb(211,30,84)
```
#d31e45
```
#d31e45 rgb(211,30,69)
```
#d31e36
```
#d31e36 rgb(211,30,54)
```
#d31e27
```
#d31e27 rgb(211,30,39)
```
#d3241e
```
#d3241e rgb(211,36,30)
```
#d3331e
```
#d3331e rgb(211,51,30)
```

Similar Colors

Text with hexadecimal color #d31e36

This text has a font color of #d31e36.

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

#d31e36 background color

This paragraph has a background color of #d31e36.

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

#d31e36 border color

This element has a border color of #d31e36.

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

CSS codes

.text {color:#d31e36;}

.background {background-color:#d31e36;}

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

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)
```
#160306
```
#160306 rgb(22,3,6)
```
#27060a
```
#27060a rgb(39,6,10)
```
#38080e
```
#38080e rgb(56,8,14)
```
#4a0a13
```
#4a0a13 rgb(74,10,19)
```
#5b0d17
```
#5b0d17 rgb(91,13,23)
```
#6c0f1c
```
#6c0f1c rgb(108,15,28)
```
#7d1220
```
#7d1220 rgb(125,18,32)
```
#8e1424
```
#8e1424 rgb(142,20,36)
```
#9f1729
```
#9f1729 rgb(159,23,41)
```
#b1192d
```
#b1192d rgb(177,25,45)
```
#c21c32
```
#c21c32 rgb(194,28,50)
```
#d31e36
```
#d31e36 rgb(211,30,54)
```

Shade Color Variation

#e0253d
```
#e0253d rgb(224,37,61)
```
#e2364d
```
#e2364d rgb(226,54,77)
```
#e5475c
```
#e5475c rgb(229,71,92)
```
#e7586b
```
#e7586b rgb(231,88,107)
```
#ea697a
```
#ea697a rgb(234,105,122)
```
#ec7b8a
```
#ec7b8a rgb(236,123,138)
```
#ef8c99
```
#ef8c99 rgb(239,140,153)
```
#f19da8
```
#f19da8 rgb(241,157,168)
```
#f3aeb7
```
#f3aeb7 rgb(243,174,183)
```
#f6bfc6
```
#f6bfc6 rgb(246,191,198)
```
#f8d0d6
```
#f8d0d6 rgb(248,208,214)
```
#fbe2e5
```
#fbe2e5 rgb(251,226,229)
```
#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 #ef0222 is the most saturated one.

#807173
```
#807173 rgb(128,113,115)
```
#89686c
```
#89686c rgb(137,104,108)
```
#925f66
```
#925f66 rgb(146,95,102)
```
#9b565f
```
#9b565f rgb(155,86,95)
```
#a54c58
```
#a54c58 rgb(165,76,88)
```
#ae4351
```
#ae4351 rgb(174,67,81)
```
#b73a4a
```
#b73a4a rgb(183,58,74)
```
#c03144
```
#c03144 rgb(192,49,68)
```
#ca273d
```
#ca273d rgb(202,39,61)
```
#d31e36
```
#d31e36 rgb(211,30,54)
```
#dc152f
```
#dc152f rgb(220,21,47)
```
#e60b28
```
#e60b28 rgb(230,11,40)
```
#ef0222
```
#ef0222 rgb(239,2,34)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#704c50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7355 Protanopia 1% of men
#8e6e33 Deuteranopia 1% of men
#d42d2d Tritanopia 0.001% of the population

Trichromacy

#9b544a Protanomaly 1% of men, 0.01% of women
#a75134 Deuteranomaly 6% of men, 0.4% of women
#d42830 Tritanomaly 0.01% of the population

#d31e36 hex color

#d31e36 Color Information

#d31e36 Color Conversion

Color Schemes with #d31e36

Alternatives to #d31e36

#d31e36 Preview

Shades and Tints of #d31e36

Tones of #d31e36

Color Blindness Simulator