#d31018 hex color

In a RGB color space, hex #d31018 is composed of 82.7% red, 6.3% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 92.4% magenta, 88.6% yellow and 17.3% black. It has a hue angle of 357.5 degrees, a saturation of 85.9% and a lightness of 44.5%. #d31018 color hex could be obtained by blending #ff2030 with #a70000. Closest websafe color is: #cc0000.

♥
- f
- t
- g
- R 83
- G 6
- B 9
RGB color chart
- C 0
- M 92
- Y 89
- K 17
CMYK color chart

● #d31018 color description : Strong red.

The hexadecimal color #d31018 has RGB values of R:211, G:16, B:24 and CMYK values of C:0, M:0.92, Y:0.89, K:0.17. Its decimal value is 13832216.

Hex triplet	d31018	`#d31018`
RGB Decimal	211, 16, 24	`rgb(211,16,24)`
RGB Percent	82.7, 6.3, 9.4	`rgb(82.7%,6.3%,9.4%)`
CMYK	0, 92, 89, 17
HSL	357.5°, 85.9, 44.5	`hsl(357.5,85.9%,44.5%)`
HSV (or HSB)	357.5°, 92.4, 82.7
Web Safe	cc0000	`#cc0000`

CIE-LAB	44.645, 68.157, 50.175
XYZ	27.216, 14.289, 2.189
xyY	0.623, 0.327, 14.289
CIE-LCH	44.645, 84.635, 36.359
CIE-LUV	44.645, 139.821, 29.001
Hunter-Lab	37.801, 62.364, 23.027
Binary	11010011, 00010000, 00011000

#d31018
```
#d31018 rgb(211,16,24)
```
#10d3cb
```
#10d3cb rgb(16,211,203)
```

Complementary Color

#d3107a
```
#d3107a rgb(211,16,122)
```
#d31018
```
#d31018 rgb(211,16,24)
```
#d36a10
```
#d36a10 rgb(211,106,16)
```

Analogous Color

#107ad3
```
#107ad3 rgb(16,122,211)
```
#d31018
```
#d31018 rgb(211,16,24)
```
#10d36a
```
#10d36a rgb(16,211,106)
```

Split Complementary Color

#1018d3
```
#1018d3 rgb(16,24,211)
```
#d31018
```
#d31018 rgb(211,16,24)
```
#18d310
```
#18d310 rgb(24,211,16)
```

Triadic Color

#cb10d3
```
#cb10d3 rgb(203,16,211)
```
#d31018
```
#d31018 rgb(211,16,24)
```
#18d310
```
#18d310 rgb(24,211,16)
```
#10d3cb
```
#10d3cb rgb(16,211,203)
```

Tetradic Color

#8c0b10
```
#8c0b10 rgb(140,11,16)
```
#a40c13
```
#a40c13 rgb(164,12,19)
```
#bb0e15
```
#bb0e15 rgb(187,14,21)
```
#d31018
```
#d31018 rgb(211,16,24)
```
#eb121b
```
#eb121b rgb(235,18,27)
```
#ef2730
```
#ef2730 rgb(239,39,48)
```
#f03f46
```
#f03f46 rgb(240,63,70)
```

Monochromatic Color

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

#d31049
```
#d31049 rgb(211,16,73)
```
#d31039
```
#d31039 rgb(211,16,57)
```
#d31028
```
#d31028 rgb(211,16,40)
```
#d31018
```
#d31018 rgb(211,16,24)
```
#d31810
```
#d31810 rgb(211,24,16)
```
#d32910
```
#d32910 rgb(211,41,16)
```
#d33910
```
#d33910 rgb(211,57,16)
```

Similar Colors

Text with hexadecimal color #d31018

This text has a font color of #d31018.

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

#d31018 background color

This paragraph has a background color of #d31018.

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

#d31018 border color

This element has a border color of #d31018.

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

CSS codes

.text {color:#d31018;}

.background {background-color:#d31018;}

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

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, #0a0101 is the darkest color, while #fef7f8 is the lightest one.

#0a0101
```
#0a0101 rgb(10,1,1)
```
#1d0203
```
#1d0203 rgb(29,2,3)
```
#2f0405
```
#2f0405 rgb(47,4,5)
```
#410507
```
#410507 rgb(65,5,7)
```
#530609
```
#530609 rgb(83,6,9)
```
#66080c
```
#66080c rgb(102,8,12)
```
#78090e
```
#78090e rgb(120,9,14)
```
#8a0a10
```
#8a0a10 rgb(138,10,16)
```
#9c0c12
```
#9c0c12 rgb(156,12,18)
```
#af0d14
```
#af0d14 rgb(175,13,20)
```
#c10f16
```
#c10f16 rgb(193,15,22)
```
#d31018
```
#d31018 rgb(211,16,24)
```
#e5111a
```
#e5111a rgb(229,17,26)
```

Shade Color Variation

#ee1c25
```
#ee1c25 rgb(238,28,37)
```
#ef2f37
```
#ef2f37 rgb(239,47,55)
```
#f14148
```
#f14148 rgb(241,65,72)
```
#f2535a
```
#f2535a rgb(242,83,90)
```
#f3656b
```
#f3656b rgb(243,101,107)
```
#f5787d
```
#f5787d rgb(245,120,125)
```
#f68a8e
```
#f68a8e rgb(246,138,142)
```
#f79ca0
```
#f79ca0 rgb(247,156,160)
```
#f9aeb1
```
#f9aeb1 rgb(249,174,177)
```
#fac1c3
```
#fac1c3 rgb(250,193,195)
```
#fcd3d4
```
#fcd3d4 rgb(252,211,212)
```
#fde5e6
```
#fde5e6 rgb(253,229,230)
```
#fef7f8
```
#fef7f8 rgb(254,247,248)
```

Tint Color Variation

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

#737070
```
#737070 rgb(115,112,112)
```
#7c6768
```
#7c6768 rgb(124,103,104)
```
#845f60
```
#845f60 rgb(132,95,96)
```
#8d5658
```
#8d5658 rgb(141,86,88)
```
#964d50
```
#964d50 rgb(150,77,80)
```
#9f4448
```
#9f4448 rgb(159,68,72)
```
#a73c40
```
#a73c40 rgb(167,60,64)
```
#b03338
```
#b03338 rgb(176,51,56)
```
#b92a30
```
#b92a30 rgb(185,42,48)
```
#c22128
```
#c22128 rgb(194,33,40)
```
#ca1920
```
#ca1920 rgb(202,25,32)
```
#d31018
```
#d31018 rgb(211,16,24)
```
#dc0710
```
#dc0710 rgb(220,7,16)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#663f41 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7135 Protanopia 1% of men
#8d6b00 Deuteranopia 1% of men
#d51e18 Tritanopia 0.001% of the population

Trichromacy

#9c4e2a Protanomaly 1% of men, 0.01% of women
#a74a08 Deuteranomaly 6% of men, 0.4% of women
#d41918 Tritanomaly 0.01% of the population

#d31018 hex color

#d31018 Color Information

#d31018 Color Conversion

Color Schemes with #d31018

Alternatives to #d31018

#d31018 Preview

Shades and Tints of #d31018

Tones of #d31018

Color Blindness Simulator