colorhexa.com

#d31f11 hex color

In a RGB color space, hex #d31f11 is composed of 82.7% red, 12.2% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.3% magenta, 91.9% yellow and 17.3% black. It has a hue angle of 4.3 degrees, a saturation of 85.1% and a lightness of 44.7%. #d31f11 color hex could be obtained by blending #ff3e22 with #a70000. Closest websafe color is: #cc3300.

- R 83
- G 12
- B 7
RGB color chart
- C 0
- M 85
- Y 92
- K 17
CMYK color chart

● #d31f11 color description : Strong red.

The hexadecimal color #d31f11 has RGB values of R:211, G:31, B:17 and CMYK values of C:0, M:0.85, Y:0.92, K:0.17. Its decimal value is 13836049.

Hex triplet	d31f11	`#d31f11`
RGB Decimal	211, 31, 17	`rgb(211,31,17)`
RGB Percent	82.7, 12.2, 6.7	`rgb(82.7%,12.2%,6.7%)`
CMYK	0, 85, 92, 17
HSL	4.3°, 85.1, 44.7	`hsl(4.3,85.1%,44.7%)`
HSV (or HSB)	4.3°, 91.9, 82.7
Web Safe	cc3300	`#cc3300`

CIE-LAB	45.46, 65.614, 53.59
XYZ	27.457, 14.873, 1.955
xyY	0.62, 0.336, 14.873
CIE-LCH	45.46, 84.718, 39.24
CIE-LUV	45.46, 136.204, 31.73
Hunter-Lab	38.565, 59.594, 23.99
Binary	11010011, 00011111, 00010001

#d31f11
```
#d31f11 rgb(211,31,17)
```
#11c5d3
```
#11c5d3 rgb(17,197,211)
```

Complementary Color

#d31164
```
#d31164 rgb(211,17,100)
```
#d31f11
```
#d31f11 rgb(211,31,17)
```
#d38011
```
#d38011 rgb(211,128,17)
```

Analogous Color

#1164d3
```
#1164d3 rgb(17,100,211)
```
#d31f11
```
#d31f11 rgb(211,31,17)
```
#11d380
```
#11d380 rgb(17,211,128)
```

Split Complementary Color

#1f11d3
```
#1f11d3 rgb(31,17,211)
```
#d31f11
```
#d31f11 rgb(211,31,17)
```
#11d31f
```
#11d31f rgb(17,211,31)
```

Triadic Color

#d311c5
```
#d311c5 rgb(211,17,197)
```
#d31f11
```
#d31f11 rgb(211,31,17)
```
#11d31f
```
#11d31f rgb(17,211,31)
```
#11c5d3
```
#11c5d3 rgb(17,197,211)
```

Tetradic Color

#8c150b
```
#8c150b rgb(140,21,11)
```
#a4180d
```
#a4180d rgb(164,24,13)
```
#bb1c0f
```
#bb1c0f rgb(187,28,15)
```
#d31f11
```
#d31f11 rgb(211,31,17)
```
#eb2213
```
#eb2213 rgb(235,34,19)
```
#ee3729
```
#ee3729 rgb(238,55,41)
```
#f04d41
```
#f04d41 rgb(240,77,65)
```

Monochromatic Color

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

#d31134
```
#d31134 rgb(211,17,52)
```
#d31123
```
#d31123 rgb(211,17,35)
```
#d31113
```
#d31113 rgb(211,17,19)
```
#d31f11
```
#d31f11 rgb(211,31,17)
```
#d32f11
```
#d32f11 rgb(211,47,17)
```
#d33f11
```
#d33f11 rgb(211,63,17)
```
#d34f11
```
#d34f11 rgb(211,79,17)
```

Similar Colors

Text with hexadecimal color #d31f11

This text has a font color of #d31f11.

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

#d31f11 background color

This paragraph has a background color of #d31f11.

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

#d31f11 border color

This element has a border color of #d31f11.

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

CSS codes

.text {color:#d31f11;}

.background {background-color:#d31f11;}

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

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

#0b0201
```
#0b0201 rgb(11,2,1)
```
#1d0402
```
#1d0402 rgb(29,4,2)
```
#300704
```
#300704 rgb(48,7,4)
```
#420a05
```
#420a05 rgb(66,10,5)
```
#540c07
```
#540c07 rgb(84,12,7)
```
#660f08
```
#660f08 rgb(102,15,8)
```
#78120a
```
#78120a rgb(120,18,10)
```
#8a140b
```
#8a140b rgb(138,20,11)
```
#9d170d
```
#9d170d rgb(157,23,13)
```
#af1a0e
```
#af1a0e rgb(175,26,14)
```
#c11c10
```
#c11c10 rgb(193,28,16)
```
#d31f11
```
#d31f11 rgb(211,31,17)
```
#e52212
```
#e52212 rgb(229,34,18)
```

Shade Color Variation

#ed2d1e
```
#ed2d1e rgb(237,45,30)
```
#ee3e30
```
#ee3e30 rgb(238,62,48)
```
#f04f43
```
#f04f43 rgb(240,79,67)
```
#f16055
```
#f16055 rgb(241,96,85)
```
#f37167
```
#f37167 rgb(243,113,103)
```
#f48279
```
#f48279 rgb(244,130,121)
```
#f6938b
```
#f6938b rgb(246,147,139)
```
#f7a49d
```
#f7a49d rgb(247,164,157)
```
#f9b5b0
```
#f9b5b0 rgb(249,181,176)
```
#fac6c2
```
#fac6c2 rgb(250,198,194)
```
#fcd7d4
```
#fcd7d4 rgb(252,215,212)
```
#fde8e6
```
#fde8e6 rgb(253,232,230)
```
#fef9f8
```
#fef9f8 rgb(254,249,248)
```

Tint Color Variation

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

#737271
```
#737271 rgb(115,114,113)
```
#7b6a69
```
#7b6a69 rgb(123,106,105)
```
#846360
```
#846360 rgb(132,99,96)
```
#8d5b57
```
#8d5b57 rgb(141,91,87)
```
#96544e
```
#96544e rgb(150,84,78)
```
#9e4c46
```
#9e4c46 rgb(158,76,70)
```
#a7453d
```
#a7453d rgb(167,69,61)
```
#b03d34
```
#b03d34 rgb(176,61,52)
```
#b9362b
```
#b9362b rgb(185,54,43)
```
#c12e23
```
#c12e23 rgb(193,46,35)
```
#ca271a
```
#ca271a rgb(202,39,26)
```
#d31f11
```
#d31f11 rgb(211,31,17)
```
#dc1708
```
#dc1708 rgb(220,23,8)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#6d4946 Atypical Achromatopsia 0.001% of the population

Dichromacy

#80732c Protanopia 1% of men
#906d00 Deuteranopia 1% of men
#d52927 Tritanopia 0.001% of the population

Trichromacy

#9e5422 Protanomaly 1% of men, 0.01% of women
#a85106 Deuteranomaly 6% of men, 0.4% of women
#d4251f Tritanomaly 0.01% of the population