#d31f18 hex color

In a RGB color space, hex #d31f18 is composed of 82.7% red, 12.2% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.3% magenta, 88.6% yellow and 17.3% black. It has a hue angle of 2.2 degrees, a saturation of 79.6% and a lightness of 46.1%. #d31f18 color hex could be obtained by blending #ff3e30 with #a70000. Closest websafe color is: #cc3300.

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

● #d31f18 color description : Strong red.

The hexadecimal color #d31f18 has RGB values of R:211, G:31, B:24 and CMYK values of C:0, M:0.85, Y:0.89, K:0.17. Its decimal value is 13836056.

Hex triplet	d31f18	`#d31f18`
RGB Decimal	211, 31, 24	`rgb(211,31,24)`
RGB Percent	82.7, 12.2, 9.4	`rgb(82.7%,12.2%,9.4%)`
CMYK	0, 85, 89, 17
HSL	2.2°, 79.6, 46.1	`hsl(2.2,79.6%,46.1%)`
HSV (or HSB)	2.2°, 88.6, 82.7
Web Safe	cc3300	`#cc3300`

CIE-LAB	45.495, 65.719, 50.813
XYZ	27.52, 14.898, 2.291
xyY	0.616, 0.333, 14.898
CIE-LCH	45.495, 83.071, 37.711
CIE-LUV	45.495, 135.467, 30.541
Hunter-Lab	38.598, 59.722, 23.5
Binary	11010011, 00011111, 00011000

#d31f18
```
#d31f18 rgb(211,31,24)
```
#18ccd3
```
#18ccd3 rgb(24,204,211)
```

Complementary Color

#d3186f
```
#d3186f rgb(211,24,111)
```
#d31f18
```
#d31f18 rgb(211,31,24)
```
#d37d18
```
#d37d18 rgb(211,125,24)
```

Analogous Color

#186fd3
```
#186fd3 rgb(24,111,211)
```
#d31f18
```
#d31f18 rgb(211,31,24)
```
#18d37d
```
#18d37d rgb(24,211,125)
```

Split Complementary Color

#1f18d3
```
#1f18d3 rgb(31,24,211)
```
#d31f18
```
#d31f18 rgb(211,31,24)
```
#18d31f
```
#18d31f rgb(24,211,31)
```

Triadic Color

#d318cc
```
#d318cc rgb(211,24,204)
```
#d31f18
```
#d31f18 rgb(211,31,24)
```
#18d31f
```
#18d31f rgb(24,211,31)
```
#18ccd3
```
#18ccd3 rgb(24,204,211)
```

Tetradic Color

#8e1510
```
#8e1510 rgb(142,21,16)
```
#a51813
```
#a51813 rgb(165,24,19)
```
#bc1c15
```
#bc1c15 rgb(188,28,21)
```
#d31f18
```
#d31f18 rgb(211,31,24)
```
#e6261f
```
#e6261f rgb(230,38,31)
```
#e83d36
```
#e83d36 rgb(232,61,54)
```
#eb534d
```
#eb534d rgb(235,83,77)
```

Monochromatic Color

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

#d31840
```
#d31840 rgb(211,24,64)
```
#d31830
```
#d31830 rgb(211,24,48)
```
#d31821
```
#d31821 rgb(211,24,33)
```
#d31f18
```
#d31f18 rgb(211,31,24)
```
#d32f18
```
#d32f18 rgb(211,47,24)
```
#d33e18
```
#d33e18 rgb(211,62,24)
```
#d34e18
```
#d34e18 rgb(211,78,24)
```

Similar Colors

Text with hexadecimal color #d31f18

This text has a font color of #d31f18.

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

#d31f18 background color

This paragraph has a background color of #d31f18.

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

#d31f18 border color

This element has a border color of #d31f18.

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

CSS codes

.text {color:#d31f18;}

.background {background-color:#d31f18;}

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

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

#110302
```
#110302 rgb(17,3,2)
```
#230504
```
#230504 rgb(35,5,4)
```
#340806
```
#340806 rgb(52,8,6)
```
#460a08
```
#460a08 rgb(70,10,8)
```
#580d0a
```
#580d0a rgb(88,13,10)
```
#690f0c
```
#690f0c rgb(105,15,12)
```
#7b120e
```
#7b120e rgb(123,18,14)
```
#8d1510
```
#8d1510 rgb(141,21,16)
```
#9e1712
```
#9e1712 rgb(158,23,18)
```
#b01a14
```
#b01a14 rgb(176,26,20)
```
#c11c16
```
#c11c16 rgb(193,28,22)
```
#d31f18
```
#d31f18 rgb(211,31,24)
```
#e5221a
```
#e5221a rgb(229,34,26)
```

Shade Color Variation

#e7322b
```
#e7322b rgb(231,50,43)
```
#e9433d
```
#e9433d rgb(233,67,61)
```
#eb544f
```
#eb544f rgb(235,84,79)
```
#ed6560
```
#ed6560 rgb(237,101,96)
```
#ef7672
```
#ef7672 rgb(239,118,114)
```
#f18783
```
#f18783 rgb(241,135,131)
```
#f39895
```
#f39895 rgb(243,152,149)
```
#f5aaa7
```
#f5aaa7 rgb(245,170,167)
```
#f7bbb8
```
#f7bbb8 rgb(247,187,184)
```
#f9ccca
```
#f9ccca rgb(249,204,202)
```
#fbdddb
```
#fbdddb rgb(251,221,219)
```
#fdeeed
```
#fdeeed rgb(253,238,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#797372
```
#797372 rgb(121,115,114)
```
#826a69
```
#826a69 rgb(130,106,105)
```
#8b6260
```
#8b6260 rgb(139,98,96)
```
#945a57
```
#945a57 rgb(148,90,87)
```
#9d514e
```
#9d514e rgb(157,81,78)
```
#a64945
```
#a64945 rgb(166,73,69)
```
#af403c
```
#af403c rgb(175,64,60)
```
#b83833
```
#b83833 rgb(184,56,51)
```
#c1302a
```
#c1302a rgb(193,48,42)
```
#ca2721
```
#ca2721 rgb(202,39,33)
```
#d31f18
```
#d31f18 rgb(211,31,24)
```
#dc170f
```
#dc170f rgb(220,23,15)
```
#e50e06
```
#e50e06 rgb(229,14,6)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#6d4948 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7333 Protanopia 1% of men
#906d00 Deuteranopia 1% of men
#d52a28 Tritanopia 0.001% of the population

Trichromacy

#9e5429 Protanomaly 1% of men, 0.01% of women
#a85108 Deuteranomaly 6% of men, 0.4% of women
#d42622 Tritanomaly 0.01% of the population

#d31f18 hex color

#d31f18 Color Information

#d31f18 Color Conversion

Color Schemes with #d31f18

Alternatives to #d31f18

#d31f18 Preview

Shades and Tints of #d31f18

Tones of #d31f18

Color Blindness Simulator