#d70218 hex color

In a RGB color space, hex #d70218 is composed of 84.3% red, 0.8% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.1% magenta, 88.8% yellow and 15.7% black. It has a hue angle of 353.8 degrees, a saturation of 98.2% and a lightness of 42.5%. #d70218 color hex could be obtained by blending #ff0430 with #af0000. Closest websafe color is: #cc0000.

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

● #d70218 color description : Strong red.

The hexadecimal color #d70218 has RGB values of R:215, G:2, B:24 and CMYK values of C:0, M:0.99, Y:0.89, K:0.16. Its decimal value is 14090776.

Hex triplet	d70218	`#d70218`
RGB Decimal	215, 2, 24	`rgb(215,2,24)`
RGB Percent	84.3, 0.8, 9.4	`rgb(84.3%,0.8%,9.4%)`
CMYK	0, 99, 89, 16
HSL	353.8°, 98.2, 42.5	`hsl(353.8,98.2%,42.5%)`
HSV (or HSB)	353.8°, 99.1, 84.3
Web Safe	cc0000	`#cc0000`

CIE-LAB	45.026, 70.49, 50.834
XYZ	28.213, 14.56, 2.189
xyY	0.627, 0.324, 14.56
CIE-LCH	45.026, 86.907, 35.797
CIE-LUV	45.026, 145.096, 28.823
Hunter-Lab	38.158, 65.2, 23.309
Binary	11010111, 00000010, 00011000

#d70218
```
#d70218 rgb(215,2,24)
```
#02d7c1
```
#02d7c1 rgb(2,215,193)
```

Complementary Color

#d70283
```
#d70283 rgb(215,2,131)
```
#d70218
```
#d70218 rgb(215,2,24)
```
#d75702
```
#d75702 rgb(215,87,2)
```

Analogous Color

#0283d7
```
#0283d7 rgb(2,131,215)
```
#d70218
```
#d70218 rgb(215,2,24)
```
#02d757
```
#02d757 rgb(2,215,87)
```

Split Complementary Color

#0218d7
```
#0218d7 rgb(2,24,215)
```
#d70218
```
#d70218 rgb(215,2,24)
```
#18d702
```
#18d702 rgb(24,215,2)
```

Triadic Color

#c102d7
```
#c102d7 rgb(193,2,215)
```
#d70218
```
#d70218 rgb(215,2,24)
```
#18d702
```
#18d702 rgb(24,215,2)
```
#02d7c1
```
#02d7c1 rgb(2,215,193)
```

Tetradic Color

#8b0110
```
#8b0110 rgb(139,1,16)
```
#a40212
```
#a40212 rgb(164,2,18)
```
#be0215
```
#be0215 rgb(190,2,21)
```
#d70218
```
#d70218 rgb(215,2,24)
```
#f0021b
```
#f0021b rgb(240,2,27)
```
#fd0f28
```
#fd0f28 rgb(253,15,40)
```
#fd283e
```
#fd283e rgb(253,40,62)
```

Monochromatic Color

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

#d7024d
```
#d7024d rgb(215,2,77)
```
#d7023b
```
#d7023b rgb(215,2,59)
```
#d7022a
```
#d7022a rgb(215,2,42)
```
#d70218
```
#d70218 rgb(215,2,24)
```
#d70206
```
#d70206 rgb(215,2,6)
```
#d71002
```
#d71002 rgb(215,16,2)
```
#d72102
```
#d72102 rgb(215,33,2)
```

Similar Colors

Text with hexadecimal color #d70218

This text has a font color of #d70218.

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

#d70218 background color

This paragraph has a background color of #d70218.

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

#d70218 border color

This element has a border color of #d70218.

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

CSS codes

.text {color:#d70218;}

.background {background-color:#d70218;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#150002
```
#150002 rgb(21,0,2)
```
#280004
```
#280004 rgb(40,0,4)
```
#3c0107
```
#3c0107 rgb(60,1,7)
```
#4f0109
```
#4f0109 rgb(79,1,9)
```
#62010b
```
#62010b rgb(98,1,11)
```
#76010d
```
#76010d rgb(118,1,13)
```
#89010f
```
#89010f rgb(137,1,15)
```
#9d0111
```
#9d0111 rgb(157,1,17)
```
#b00214
```
#b00214 rgb(176,2,20)
```
#c40216
```
#c40216 rgb(196,2,22)
```
#d70218
```
#d70218 rgb(215,2,24)
```
#ea021a
```
#ea021a rgb(234,2,26)
```

Shade Color Variation

#fd041d
```
#fd041d rgb(253,4,29)
```
#fd172f
```
#fd172f rgb(253,23,47)
```
#fd2a40
```
#fd2a40 rgb(253,42,64)
```
#fd3e52
```
#fd3e52 rgb(253,62,82)
```
#fd5163
```
#fd5163 rgb(253,81,99)
```
#fe6575
```
#fe6575 rgb(254,101,117)
```
#fe7886
```
#fe7886 rgb(254,120,134)
```
#fe8c97
```
#fe8c97 rgb(254,140,151)
```
#fe9fa9
```
#fe9fa9 rgb(254,159,169)
```
#feb2ba
```
#feb2ba rgb(254,178,186)
```
#fec6cc
```
#fec6cc rgb(254,198,204)
```
#ffd9dd
```
#ffd9dd rgb(255,217,221)
```
#ffedef
```
#ffedef rgb(255,237,239)
```

Tint Color Variation

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

#736667
```
#736667 rgb(115,102,103)
```
#7b5e61
```
#7b5e61 rgb(123,94,97)
```
#84555a
```
#84555a rgb(132,85,90)
```
#8c4d54
```
#8c4d54 rgb(140,77,84)
```
#94454d
```
#94454d rgb(148,69,77)
```
#9d3c46
```
#9d3c46 rgb(157,60,70)
```
#a53440
```
#a53440 rgb(165,52,64)
```
#ad2c39
```
#ad2c39 rgb(173,44,57)
```
#b62332
```
#b62332 rgb(182,35,50)
```
#be1b2c
```
#be1b2c rgb(190,27,44)
```
#c61325
```
#c61325 rgb(198,19,37)
```
#cf0a1f
```
#cf0a1f rgb(207,10,31)
```
#d70218
```
#d70218 rgb(215,2,24)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#61373b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7236 Protanopia 1% of men
#8e6c00 Deuteranopia 1% of men
#d81700 Tritanopia 0.001% of the population

Trichromacy

#9e492b Protanomaly 1% of men, 0.01% of women
#a94508 Deuteranomaly 6% of men, 0.4% of women
#d70f08 Tritanomaly 0.01% of the population

#d70218 hex color

#d70218 Color Information

#d70218 Color Conversion

Color Schemes with #d70218

Alternatives to #d70218

#d70218 Preview

Shades and Tints of #d70218

Tones of #d70218

Color Blindness Simulator