#d31717 hex color

In a RGB color space, hex #d31717 is composed of 82.7% red, 9% green and 9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.1% magenta, 89.1% yellow and 17.3% black. It has a hue angle of 0 degrees, a saturation of 80.3% and a lightness of 45.9%. #d31717 color hex could be obtained by blending #ff2e2e with #a70000. Closest websafe color is: #cc0000.

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

● #d31717 color description : Strong red.

The hexadecimal color #d31717 has RGB values of R:211, G:23, B:23 and CMYK values of C:0, M:0.89, Y:0.89, K:0.17. Its decimal value is 13834007.

Hex triplet	d31717	`#d31717`
RGB Decimal	211, 23, 23	`rgb(211,23,23)`
RGB Percent	82.7, 9, 9	`rgb(82.7%,9%,9%)`
CMYK	0, 89, 89, 17
HSL	0°, 80.3, 45.9	`hsl(0,80.3%,45.9%)`
HSV (or HSB)	0°, 89.1, 82.7
Web Safe	cc0000	`#cc0000`

CIE-LAB	44.98, 67.16, 50.864
XYZ	27.327, 14.527, 2.176
xyY	0.621, 0.33, 14.527
CIE-LCH	44.98, 84.248, 37.139
CIE-LUV	44.98, 138.188, 29.811
Hunter-Lab	38.114, 61.277, 23.296
Binary	11010011, 00010111, 00010111

#d31717
```
#d31717 rgb(211,23,23)
```
#17d3d3
```
#17d3d3 rgb(23,211,211)
```

Complementary Color

#d31775
```
#d31775 rgb(211,23,117)
```
#d31717
```
#d31717 rgb(211,23,23)
```
#d37517
```
#d37517 rgb(211,117,23)
```

Analogous Color

#1775d3
```
#1775d3 rgb(23,117,211)
```
#d31717
```
#d31717 rgb(211,23,23)
```
#17d375
```
#17d375 rgb(23,211,117)
```

Split Complementary Color

#1717d3
```
#1717d3 rgb(23,23,211)
```
#d31717
```
#d31717 rgb(211,23,23)
```
#17d317
```
#17d317 rgb(23,211,23)
```

Triadic Color

#d317d3
```
#d317d3 rgb(211,23,211)
```
#d31717
```
#d31717 rgb(211,23,23)
```
#17d317
```
#17d317 rgb(23,211,23)
```
#17d3d3
```
#17d3d3 rgb(23,211,211)
```

Tetradic Color

#8e0f0f
```
#8e0f0f rgb(142,15,15)
```
#a51212
```
#a51212 rgb(165,18,18)
```
#bc1414
```
#bc1414 rgb(188,20,20)
```
#d31717
```
#d31717 rgb(211,23,23)
```
#e61d1d
```
#e61d1d rgb(230,29,29)
```
#e93434
```
#e93434 rgb(233,52,52)
```
#eb4b4b
```
#eb4b4b rgb(235,75,75)
```

Monochromatic Color

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

#d31746
```
#d31746 rgb(211,23,70)
```
#d31736
```
#d31736 rgb(211,23,54)
```
#d31727
```
#d31727 rgb(211,23,39)
```
#d31717
```
#d31717 rgb(211,23,23)
```
#d32717
```
#d32717 rgb(211,39,23)
```
#d33617
```
#d33617 rgb(211,54,23)
```
#d34617
```
#d34617 rgb(211,70,23)
```

Similar Colors

Text with hexadecimal color #d31717

This text has a font color of #d31717.

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

#d31717 background color

This paragraph has a background color of #d31717.

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

#d31717 border color

This element has a border color of #d31717.

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

CSS codes

.text {color:#d31717;}

.background {background-color:#d31717;}

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

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 #fffefe is the lightest one.

#100202
```
#100202 rgb(16,2,2)
```
#220404
```
#220404 rgb(34,4,4)
```
#340606
```
#340606 rgb(52,6,6)
```
#460808
```
#460808 rgb(70,8,8)
```
#570a0a
```
#570a0a rgb(87,10,10)
```
#690b0b
```
#690b0b rgb(105,11,11)
```
#7b0d0d
```
#7b0d0d rgb(123,13,13)
```
#8c0f0f
```
#8c0f0f rgb(140,15,15)
```
#9e1111
```
#9e1111 rgb(158,17,17)
```
#b01313
```
#b01313 rgb(176,19,19)
```
#c11515
```
#c11515 rgb(193,21,21)
```
#d31717
```
#d31717 rgb(211,23,23)
```
#e51919
```
#e51919 rgb(229,25,25)
```

Shade Color Variation

#e82a2a
```
#e82a2a rgb(232,42,42)
```
#ea3b3b
```
#ea3b3b rgb(234,59,59)
```
#ec4d4d
```
#ec4d4d rgb(236,77,77)
```
#ee5f5f
```
#ee5f5f rgb(238,95,95)
```
#ef7070
```
#ef7070 rgb(239,112,112)
```
#f18282
```
#f18282 rgb(241,130,130)
```
#f39494
```
#f39494 rgb(243,148,148)
```
#f5a5a5
```
#f5a5a5 rgb(245,165,165)
```
#f7b7b7
```
#f7b7b7 rgb(247,183,183)
```
#f9c9c9
```
#f9c9c9 rgb(249,201,201)
```
#fbdada
```
#fbdada rgb(251,218,218)
```
#fdecec
```
#fdecec rgb(253,236,236)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#797171
```
#797171 rgb(121,113,113)
```
#826868
```
#826868 rgb(130,104,104)
```
#8b5f5f
```
#8b5f5f rgb(139,95,95)
```
#945656
```
#945656 rgb(148,86,86)
```
#9d4d4d
```
#9d4d4d rgb(157,77,77)
```
#a64444
```
#a64444 rgb(166,68,68)
```
#af3b3b
```
#af3b3b rgb(175,59,59)
```
#b83232
```
#b83232 rgb(184,50,50)
```
#c12929
```
#c12929 rgb(193,41,41)
```
#ca2020
```
#ca2020 rgb(202,32,32)
```
#d31717
```
#d31717 rgb(211,23,23)
```
#dc0e0e
```
#dc0e0e rgb(220,14,14)
```
#e50505
```
#e50505 rgb(229,5,5)
```

Tone Color Variation

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

#7e7233 Protanopia 1% of men
#8e6c00 Deuteranopia 1% of men
#d52320 Tritanopia 0.001% of the population

Trichromacy

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

#d31717 hex color

#d31717 Color Information

#d31717 Color Conversion

Color Schemes with #d31717

Alternatives to #d31717

#d31717 Preview

Shades and Tints of #d31717

Tones of #d31717

Color Blindness Simulator