#d31618 hex color

In a RGB color space, hex #d31618 is composed of 82.7% red, 8.6% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.6% magenta, 88.6% yellow and 17.3% black. It has a hue angle of 359.4 degrees, a saturation of 81.1% and a lightness of 45.7%. #d31618 color hex could be obtained by blending #ff2c30 with #a70000. Closest websafe color is: #cc0000.

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

● #d31618 color description : Strong red.

The hexadecimal color #d31618 has RGB values of R:211, G:22, B:24 and CMYK values of C:0, M:0.9, Y:0.89, K:0.17. Its decimal value is 13833752.

Hex triplet	d31618	`#d31618`
RGB Decimal	211, 22, 24	`rgb(211,22,24)`
RGB Percent	82.7, 8.6, 9.4	`rgb(82.7%,8.6%,9.4%)`
CMYK	0, 90, 89, 17
HSL	359.4°, 81.1, 45.7	`hsl(359.4,81.1%,45.7%)`
HSV (or HSB)	359.4°, 89.6, 82.7
Web Safe	cc0000	`#cc0000`

CIE-LAB	44.931, 67.334, 50.39
XYZ	27.317, 14.492, 2.223
xyY	0.62, 0.329, 14.492
CIE-LCH	44.931, 84.101, 36.81
CIE-LUV	44.931, 138.346, 29.521
Hunter-Lab	38.069, 61.467, 23.186
Binary	11010011, 00010110, 00011000

#d31618
```
#d31618 rgb(211,22,24)
```
#16d3d1
```
#16d3d1 rgb(22,211,209)
```

Complementary Color

#d31677
```
#d31677 rgb(211,22,119)
```
#d31618
```
#d31618 rgb(211,22,24)
```
#d37316
```
#d37316 rgb(211,115,22)
```

Analogous Color

#1677d3
```
#1677d3 rgb(22,119,211)
```
#d31618
```
#d31618 rgb(211,22,24)
```
#16d373
```
#16d373 rgb(22,211,115)
```

Split Complementary Color

#1618d3
```
#1618d3 rgb(22,24,211)
```
#d31618
```
#d31618 rgb(211,22,24)
```
#18d316
```
#18d316 rgb(24,211,22)
```

Triadic Color

#d116d3
```
#d116d3 rgb(209,22,211)
```
#d31618
```
#d31618 rgb(211,22,24)
```
#18d316
```
#18d316 rgb(24,211,22)
```
#16d3d1
```
#16d3d1 rgb(22,211,209)
```

Tetradic Color

#8e0f10
```
#8e0f10 rgb(142,15,16)
```
#a51113
```
#a51113 rgb(165,17,19)
```
#bc1415
```
#bc1415 rgb(188,20,21)
```
#d31618
```
#d31618 rgb(211,22,24)
```
#e71b1d
```
#e71b1d rgb(231,27,29)
```
#ea3234
```
#ea3234 rgb(234,50,52)
```
#ec494b
```
#ec494b rgb(236,73,75)
```

Monochromatic Color

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

#d31647
```
#d31647 rgb(211,22,71)
```
#d31638
```
#d31638 rgb(211,22,56)
```
#d31628
```
#d31628 rgb(211,22,40)
```
#d31618
```
#d31618 rgb(211,22,24)
```
#d32416
```
#d32416 rgb(211,36,22)
```
#d33316
```
#d33316 rgb(211,51,22)
```
#d34316
```
#d34316 rgb(211,67,22)
```

Similar Colors

Text with hexadecimal color #d31618

This text has a font color of #d31618.

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

#d31618 background color

This paragraph has a background color of #d31618.

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

#d31618 border color

This element has a border color of #d31618.

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

CSS codes

.text {color:#d31618;}

.background {background-color:#d31618;}

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

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

#100202
```
#100202 rgb(16,2,2)
```
#210304
```
#210304 rgb(33,3,4)
```
#330506
```
#330506 rgb(51,5,6)
```
#450708
```
#450708 rgb(69,7,8)
```
#57090a
```
#57090a rgb(87,9,10)
```
#680b0c
```
#680b0c rgb(104,11,12)
```
#7a0d0e
```
#7a0d0e rgb(122,13,14)
```
#8c0f10
```
#8c0f10 rgb(140,15,16)
```
#9e1012
```
#9e1012 rgb(158,16,18)
```
#af1214
```
#af1214 rgb(175,18,20)
```
#c11416
```
#c11416 rgb(193,20,22)
```
#d31618
```
#d31618 rgb(211,22,24)
```
#e5181a
```
#e5181a rgb(229,24,26)
```

Shade Color Variation

#e9282a
```
#e9282a rgb(233,40,42)
```
#ea393b
```
#ea393b rgb(234,57,59)
```
#ec4b4d
```
#ec4b4d rgb(236,75,77)
```
#ee5d5f
```
#ee5d5f rgb(238,93,95)
```
#f06f70
```
#f06f70 rgb(240,111,112)
```
#f28082
```
#f28082 rgb(242,128,130)
```
#f49293
```
#f49293 rgb(244,146,147)
```
#f6a4a5
```
#f6a4a5 rgb(246,164,165)
```
#f7b6b6
```
#f7b6b6 rgb(247,182,182)
```
#f9c8c8
```
#f9c8c8 rgb(249,200,200)
```
#fbd9da
```
#fbd9da rgb(251,217,218)
```
#fdebeb
```
#fdebeb rgb(253,235,235)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#797070
```
#797070 rgb(121,112,112)
```
#826767
```
#826767 rgb(130,103,103)
```
#8b5e5e
```
#8b5e5e rgb(139,94,94)
```
#945555
```
#945555 rgb(148,85,85)
```
#9d4c4d
```
#9d4c4d rgb(157,76,77)
```
#a64344
```
#a64344 rgb(166,67,68)
```
#af3a3b
```
#af3a3b rgb(175,58,59)
```
#b83132
```
#b83132 rgb(184,49,50)
```
#c1282a
```
#c1282a rgb(193,40,42)
```
#ca1f21
```
#ca1f21 rgb(202,31,33)
```
#d31618
```
#d31618 rgb(211,22,24)
```
#dc0d0f
```
#dc0d0f rgb(220,13,15)
```
#e50406
```
#e50406 rgb(229,4,6)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#694444 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7234 Protanopia 1% of men
#8e6c00 Deuteranopia 1% of men
#d5221f Tritanopia 0.001% of the population

Trichromacy

#9d502a Protanomaly 1% of men, 0.01% of women
#a74d08 Deuteranomaly 6% of men, 0.4% of women
#d41e1c Tritanomaly 0.01% of the population

#d31618 hex color

#d31618 Color Information

#d31618 Color Conversion

Color Schemes with #d31618

Alternatives to #d31618

#d31618 Preview

Shades and Tints of #d31618

Tones of #d31618

Color Blindness Simulator