#d51218 hex color

In a RGB color space, hex #d51218 is composed of 83.5% red, 7.1% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.5% magenta, 88.7% yellow and 16.5% black. It has a hue angle of 358.2 degrees, a saturation of 84.4% and a lightness of 45.3%. #d51218 color hex could be obtained by blending #ff2430 with #ab0000. Closest websafe color is: #cc0000.

♥
- f
- t
- g
- R 84
- G 7
- B 9
RGB color chart
- C 0
- M 92
- Y 89
- K 16
CMYK color chart

● #d51218 color description : Strong red.

The hexadecimal color #d51218 has RGB values of R:213, G:18, B:24 and CMYK values of C:0, M:0.92, Y:0.89, K:0.16. Its decimal value is 13963800.

Hex triplet	d51218	`#d51218`
RGB Decimal	213, 18, 24	`rgb(213,18,24)`
RGB Percent	83.5, 7.1, 9.4	`rgb(83.5%,7.1%,9.4%)`
CMYK	0, 92, 89, 16
HSL	358.2°, 84.4, 45.3	`hsl(358.2,84.4%,45.3%)`
HSV (or HSB)	358.2°, 91.5, 83.5
Web Safe	cc0000	`#cc0000`

CIE-LAB	45.149, 68.419, 50.737
XYZ	27.823, 14.648, 2.227
xyY	0.622, 0.328, 14.648
CIE-LCH	45.149, 85.179, 36.559
CIE-LUV	45.149, 140.822, 29.484
Hunter-Lab	38.273, 62.785, 23.342
Binary	11010101, 00010010, 00011000

#d51218
```
#d51218 rgb(213,18,24)
```
#12d5cf
```
#12d5cf rgb(18,213,207)
```

Complementary Color

#d5127a
```
#d5127a rgb(213,18,122)
```
#d51218
```
#d51218 rgb(213,18,24)
```
#d56e12
```
#d56e12 rgb(213,110,18)
```

Analogous Color

#127ad5
```
#127ad5 rgb(18,122,213)
```
#d51218
```
#d51218 rgb(213,18,24)
```
#12d56e
```
#12d56e rgb(18,213,110)
```

Split Complementary Color

#1218d5
```
#1218d5 rgb(18,24,213)
```
#d51218
```
#d51218 rgb(213,18,24)
```
#18d512
```
#18d512 rgb(24,213,18)
```

Triadic Color

#cf12d5
```
#cf12d5 rgb(207,18,213)
```
#d51218
```
#d51218 rgb(213,18,24)
```
#18d512
```
#18d512 rgb(24,213,18)
```
#12d5cf
```
#12d5cf rgb(18,213,207)
```

Tetradic Color

#8e0c10
```
#8e0c10 rgb(142,12,16)
```
#a60e13
```
#a60e13 rgb(166,14,19)
```
#bd1015
```
#bd1015 rgb(189,16,21)
```
#d51218
```
#d51218 rgb(213,18,24)
```
#eb151c
```
#eb151c rgb(235,21,28)
```
#ed2d33
```
#ed2d33 rgb(237,45,51)
```
#ef444a
```
#ef444a rgb(239,68,74)
```

Monochromatic Color

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

#d51249
```
#d51249 rgb(213,18,73)
```
#d51239
```
#d51239 rgb(213,18,57)
```
#d51228
```
#d51228 rgb(213,18,40)
```
#d51218
```
#d51218 rgb(213,18,24)
```
#d51c12
```
#d51c12 rgb(213,28,18)
```
#d52c12
```
#d52c12 rgb(213,44,18)
```
#d53d12
```
#d53d12 rgb(213,61,18)
```

Similar Colors

Text with hexadecimal color #d51218

This text has a font color of #d51218.

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

#d51218 background color

This paragraph has a background color of #d51218.

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

#d51218 border color

This element has a border color of #d51218.

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

CSS codes

.text {color:#d51218;}

.background {background-color:#d51218;}

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

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

#0e0102
```
#0e0102 rgb(14,1,2)
```
#200304
```
#200304 rgb(32,3,4)
```
#320406
```
#320406 rgb(50,4,6)
```
#440608
```
#440608 rgb(68,6,8)
```
#56070a
```
#56070a rgb(86,7,10)
```
#68090c
```
#68090c rgb(104,9,12)
```
#7b0a0e
```
#7b0a0e rgb(123,10,14)
```
#8d0c10
```
#8d0c10 rgb(141,12,16)
```
#9f0d12
```
#9f0d12 rgb(159,13,18)
```
#b10f14
```
#b10f14 rgb(177,15,20)
```
#c31016
```
#c31016 rgb(195,16,22)
```
#d51218
```
#d51218 rgb(213,18,24)
```
#e7141a
```
#e7141a rgb(231,20,26)
```

Shade Color Variation

#ec2228
```
#ec2228 rgb(236,34,40)
```
#ee343a
```
#ee343a rgb(238,52,58)
```
#ef464b
```
#ef464b rgb(239,70,75)
```
#f1585d
```
#f1585d rgb(241,88,93)
```
#f26a6e
```
#f26a6e rgb(242,106,110)
```
#f47c80
```
#f47c80 rgb(244,124,128)
```
#f58e92
```
#f58e92 rgb(245,142,146)
```
#f7a1a3
```
#f7a1a3 rgb(247,161,163)
```
#f9b3b5
```
#f9b3b5 rgb(249,179,181)
```
#fac5c6
```
#fac5c6 rgb(250,197,198)
```
#fcd7d8
```
#fcd7d8 rgb(252,215,216)
```
#fde9e9
```
#fde9e9 rgb(253,233,233)
```
#fffbfb
```
#fffbfb rgb(255,251,251)
```

Tint Color Variation

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

#7c6b6b
```
#7c6b6b rgb(124,107,107)
```
#856263
```
#856263 rgb(133,98,99)
```
#8e595b
```
#8e595b rgb(142,89,91)
```
#975052
```
#975052 rgb(151,80,82)
```
#a0474a
```
#a0474a rgb(160,71,74)
```
#a93e42
```
#a93e42 rgb(169,62,66)
```
#b13639
```
#b13639 rgb(177,54,57)
```
#ba2d31
```
#ba2d31 rgb(186,45,49)
```
#c32429
```
#c32429 rgb(195,36,41)
```
#cc1b20
```
#cc1b20 rgb(204,27,32)
```
#d51218
```
#d51218 rgb(213,18,24)
```
#de0910
```
#de0910 rgb(222,9,16)
```
#e70007
```
#e70007 rgb(231,0,7)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#684142 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7235 Protanopia 1% of men
#8f6d00 Deuteranopia 1% of men
#d71f1a Tritanopia 0.001% of the population

Trichromacy

#9e4f2a Protanomaly 1% of men, 0.01% of women
#a84b08 Deuteranomaly 6% of men, 0.4% of women
#d61a19 Tritanomaly 0.01% of the population

#d51218 hex color

#d51218 Color Information

#d51218 Color Conversion

Color Schemes with #d51218

Alternatives to #d51218

#d51218 Preview

Shades and Tints of #d51218

Tones of #d51218

Color Blindness Simulator