#d31b36 hex color

In a RGB color space, hex #d31b36 is composed of 82.7% red, 10.6% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.2% magenta, 74.4% yellow and 17.3% black. It has a hue angle of 351.2 degrees, a saturation of 77.3% and a lightness of 46.7%. #d31b36 color hex could be obtained by blending #ff366c with #a70000. Closest websafe color is: #cc3333.

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

● #d31b36 color description : Strong red.

The hexadecimal color #d31b36 has RGB values of R:211, G:27, B:54 and CMYK values of C:0, M:0.87, Y:0.74, K:0.17. Its decimal value is 13835062.

Hex triplet	d31b36	`#d31b36`
RGB Decimal	211, 27, 54	`rgb(211,27,54)`
RGB Percent	82.7, 10.6, 21.2	`rgb(82.7%,10.6%,21.2%)`
CMYK	0, 87, 74, 17
HSL	351.2°, 77.3, 46.7	`hsl(351.2,77.3%,46.7%)`
HSV (or HSB)	351.2°, 87.2, 82.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.501, 67.299, 34.915
XYZ	27.923, 14.903, 4.896
xyY	0.585, 0.312, 14.903
CIE-LCH	45.501, 75.817, 27.42
CIE-LUV	45.501, 131.208, 21.059
Hunter-Lab	38.604, 61.556, 19.503
Binary	11010011, 00011011, 00110110

#d31b36
```
#d31b36 rgb(211,27,54)
```
#1bd3b8
```
#1bd3b8 rgb(27,211,184)
```

Complementary Color

#d31b92
```
#d31b92 rgb(211,27,146)
```
#d31b36
```
#d31b36 rgb(211,27,54)
```
#d35c1b
```
#d35c1b rgb(211,92,27)
```

Analogous Color

#1b92d3
```
#1b92d3 rgb(27,146,211)
```
#d31b36
```
#d31b36 rgb(211,27,54)
```
#1bd35c
```
#1bd35c rgb(27,211,92)
```

Split Complementary Color

#1b36d3
```
#1b36d3 rgb(27,54,211)
```
#d31b36
```
#d31b36 rgb(211,27,54)
```
#36d31b
```
#36d31b rgb(54,211,27)
```

Triadic Color

#b81bd3
```
#b81bd3 rgb(184,27,211)
```
#d31b36
```
#d31b36 rgb(211,27,54)
```
#36d31b
```
#36d31b rgb(54,211,27)
```
#1bd3b8
```
#1bd3b8 rgb(27,211,184)
```

Tetradic Color

#8f1225
```
#8f1225 rgb(143,18,37)
```
#a6152a
```
#a6152a rgb(166,21,42)
```
#bc1830
```
#bc1830 rgb(188,24,48)
```
#d31b36
```
#d31b36 rgb(211,27,54)
```
#e32440
```
#e32440 rgb(227,36,64)
```
#e63b54
```
#e63b54 rgb(230,59,84)
```
#e95268
```
#e95268 rgb(233,82,104)
```

Monochromatic Color

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

#d31b64
```
#d31b64 rgb(211,27,100)
```
#d31b55
```
#d31b55 rgb(211,27,85)
```
#d31b45
```
#d31b45 rgb(211,27,69)
```
#d31b36
```
#d31b36 rgb(211,27,54)
```
#d31b27
```
#d31b27 rgb(211,27,39)
```
#d31f1b
```
#d31f1b rgb(211,31,27)
```
#d32e1b
```
#d32e1b rgb(211,46,27)
```

Similar Colors

Text with hexadecimal color #d31b36

This text has a font color of #d31b36.

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

#d31b36 background color

This paragraph has a background color of #d31b36.

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

#d31b36 border color

This element has a border color of #d31b36.

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

CSS codes

.text {color:#d31b36;}

.background {background-color:#d31b36;}

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

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

#020001
```
#020001 rgb(2,0,1)
```
#140305
```
#140305 rgb(20,3,5)
```
#250509
```
#250509 rgb(37,5,9)
```
#36070e
```
#36070e rgb(54,7,14)
```
#480912
```
#480912 rgb(72,9,18)
```
#590b17
```
#590b17 rgb(89,11,23)
```
#6b0e1b
```
#6b0e1b rgb(107,14,27)
```
#7c1020
```
#7c1020 rgb(124,16,32)
```
#8d1224
```
#8d1224 rgb(141,18,36)
```
#9f1429
```
#9f1429 rgb(159,20,41)
```
#b0172d
```
#b0172d rgb(176,23,45)
```
#c21932
```
#c21932 rgb(194,25,50)
```
#d31b36
```
#d31b36 rgb(211,27,54)
```

Shade Color Variation

#e21f3c
```
#e21f3c rgb(226,31,60)
```
#e5314b
```
#e5314b rgb(229,49,75)
```
#e7425a
```
#e7425a rgb(231,66,90)
```
#e95369
```
#e95369 rgb(233,83,105)
```
#eb6579
```
#eb6579 rgb(235,101,121)
```
#ed7688
```
#ed7688 rgb(237,118,136)
```
#f08897
```
#f08897 rgb(240,136,151)
```
#f299a6
```
#f299a6 rgb(242,153,166)
```
#f4aab5
```
#f4aab5 rgb(244,170,181)
```
#f6bcc4
```
#f6bcc4 rgb(246,188,196)
```
#f9cdd4
```
#f9cdd4 rgb(249,205,212)
```
#fbdfe3
```
#fbdfe3 rgb(251,223,227)
```
#fdf0f2
```
#fdf0f2 rgb(253,240,242)
```

Tint Color Variation

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

#777777
```
#777777 rgb(119,119,119)
```
#816d70
```
#816d70 rgb(129,109,112)
```
#8a646a
```
#8a646a rgb(138,100,106)
```
#935b63
```
#935b63 rgb(147,91,99)
```
#9c525d
```
#9c525d rgb(156,82,93)
```
#a54956
```
#a54956 rgb(165,73,86)
```
#ae4050
```
#ae4050 rgb(174,64,80)
```
#b83649
```
#b83649 rgb(184,54,73)
```
#c12d43
```
#c12d43 rgb(193,45,67)
```
#ca243c
```
#ca243c rgb(202,36,60)
```
#d31b36
```
#d31b36 rgb(211,27,54)
```
#dc1230
```
#dc1230 rgb(220,18,48)
```
#e50929
```
#e50929 rgb(229,9,41)
```

Tone Color Variation

Below, you can see how #d31b36 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
#8d6e33 Deuteranopia 1% of men
#d42b2a Tritanopia 0.001% of the population

Trichromacy

#9b534a Protanomaly 1% of men, 0.01% of women
#a74f34 Deuteranomaly 6% of men, 0.4% of women
#d4252e Tritanomaly 0.01% of the population

#d31b36 hex color

#d31b36 Color Information

#d31b36 Color Conversion

Color Schemes with #d31b36

Alternatives to #d31b36

#d31b36 Preview

Shades and Tints of #d31b36

Tones of #d31b36

Color Blindness Simulator