#d31312 hex color

In a RGB color space, hex #d31312 is composed of 82.7% red, 7.5% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91% magenta, 91.5% yellow and 17.3% black. It has a hue angle of 0.3 degrees, a saturation of 84.3% and a lightness of 44.9%. #d31312 color hex could be obtained by blending #ff2624 with #a70000. Closest websafe color is: #cc0000.

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

● #d31312 color description : Strong red.

The hexadecimal color #d31312 has RGB values of R:211, G:19, B:18 and CMYK values of C:0, M:0.91, Y:0.91, K:0.17. Its decimal value is 13832978.

Hex triplet	d31312	`#d31312`
RGB Decimal	211, 19, 18	`rgb(211,19,18)`
RGB Percent	82.7, 7.5, 7.1	`rgb(82.7%,7.5%,7.1%)`
CMYK	0, 91, 91, 17
HSL	0.3°, 84.3, 44.9	`hsl(0.3,84.3%,44.9%)`
HSV (or HSB)	0.3°, 91.5, 82.7
Web Safe	cc0000	`#cc0000`

CIE-LAB	44.748, 67.681, 52.754
XYZ	27.208, 14.362, 1.912
xyY	0.626, 0.33, 14.362
CIE-LCH	44.748, 85.812, 37.935
CIE-LUV	44.748, 139.807, 30.297
Hunter-Lab	37.897, 61.831, 23.537
Binary	11010011, 00010011, 00010010

#d31312
```
#d31312 rgb(211,19,18)
```
#12d2d3
```
#12d2d3 rgb(18,210,211)
```

Complementary Color

#d31272
```
#d31272 rgb(211,18,114)
```
#d31312
```
#d31312 rgb(211,19,18)
```
#d37412
```
#d37412 rgb(211,116,18)
```

Analogous Color

#1272d3
```
#1272d3 rgb(18,114,211)
```
#d31312
```
#d31312 rgb(211,19,18)
```
#12d374
```
#12d374 rgb(18,211,116)
```

Split Complementary Color

#1312d3
```
#1312d3 rgb(19,18,211)
```
#d31312
```
#d31312 rgb(211,19,18)
```
#12d313
```
#12d313 rgb(18,211,19)
```

Triadic Color

#d312d2
```
#d312d2 rgb(211,18,210)
```
#d31312
```
#d31312 rgb(211,19,18)
```
#12d313
```
#12d313 rgb(18,211,19)
```
#12d2d3
```
#12d2d3 rgb(18,210,211)
```

Tetradic Color

#8d0d0c
```
#8d0d0c rgb(141,13,12)
```
#a40f0e
```
#a40f0e rgb(164,15,14)
```
#bc1110
```
#bc1110 rgb(188,17,16)
```
#d31312
```
#d31312 rgb(211,19,18)
```
#ea1514
```
#ea1514 rgb(234,21,20)
```
#ed2c2b
```
#ed2c2b rgb(237,44,43)
```
#ef4343
```
#ef4343 rgb(239,67,67)
```

Monochromatic Color

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

#d31241
```
#d31241 rgb(211,18,65)
```
#d31231
```
#d31231 rgb(211,18,49)
```
#d31221
```
#d31221 rgb(211,18,33)
```
#d31312
```
#d31312 rgb(211,19,18)
```
#d32312
```
#d32312 rgb(211,35,18)
```
#d33312
```
#d33312 rgb(211,51,18)
```
#d34312
```
#d34312 rgb(211,67,18)
```

Similar Colors

Text with hexadecimal color #d31312

This text has a font color of #d31312.

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

#d31312 background color

This paragraph has a background color of #d31312.

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

#d31312 border color

This element has a border color of #d31312.

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

CSS codes

.text {color:#d31312;}

.background {background-color:#d31312;}

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

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

#0c0101
```
#0c0101 rgb(12,1,1)
```
#1e0303
```
#1e0303 rgb(30,3,3)
```
#300404
```
#300404 rgb(48,4,4)
```
#420606
```
#420606 rgb(66,6,6)
```
#540807
```
#540807 rgb(84,8,7)
```
#670909
```
#670909 rgb(103,9,9)
```
#790b0a
```
#790b0a rgb(121,11,10)
```
#8b0c0c
```
#8b0c0c rgb(139,12,12)
```
#9d0e0d
```
#9d0e0d rgb(157,14,13)
```
#af100f
```
#af100f rgb(175,16,15)
```
#c11110
```
#c11110 rgb(193,17,16)
```
#d31312
```
#d31312 rgb(211,19,18)
```
#e51514
```
#e51514 rgb(229,21,20)
```

Shade Color Variation

#ec2120
```
#ec2120 rgb(236,33,32)
```
#ee3332
```
#ee3332 rgb(238,51,50)
```
#ef4544
```
#ef4544 rgb(239,69,68)
```
#f15756
```
#f15756 rgb(241,87,86)
```
#f26969
```
#f26969 rgb(242,105,105)
```
#f47b7b
```
#f47b7b rgb(244,123,123)
```
#f58d8d
```
#f58d8d rgb(245,141,141)
```
#f79f9f
```
#f79f9f rgb(247,159,159)
```
#f8b1b1
```
#f8b1b1 rgb(248,177,177)
```
#fac3c3
```
#fac3c3 rgb(250,195,195)
```
#fbd5d5
```
#fbd5d5 rgb(251,213,213)
```
#fde7e7
```
#fde7e7 rgb(253,231,231)
```
#fef9f9
```
#fef9f9 rgb(254,249,249)
```

Tint Color Variation

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

#7b6a6a
```
#7b6a6a rgb(123,106,106)
```
#846161
```
#846161 rgb(132,97,97)
```
#8d5958
```
#8d5958 rgb(141,89,88)
```
#955050
```
#955050 rgb(149,80,80)
```
#9e4747
```
#9e4747 rgb(158,71,71)
```
#a73f3e
```
#a73f3e rgb(167,63,62)
```
#b03635
```
#b03635 rgb(176,54,53)
```
#b92d2c
```
#b92d2c rgb(185,45,44)
```
#c12424
```
#c12424 rgb(193,36,36)
```
#ca1c1b
```
#ca1c1b rgb(202,28,27)
```
#d31312
```
#d31312 rgb(211,19,18)
```
#dc0a09
```
#dc0a09 rgb(220,10,9)
```
#e50200
```
#e50200 rgb(229,2,0)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#674140 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e712e Protanopia 1% of men
#8e6c00 Deuteranopia 1% of men
#d51f1a Tritanopia 0.001% of the population

Trichromacy

#9d4f24 Protanomaly 1% of men, 0.01% of women
#a74b06 Deuteranomaly 6% of men, 0.4% of women
#d41b17 Tritanomaly 0.01% of the population

#d31312 hex color

#d31312 Color Information

#d31312 Color Conversion

Color Schemes with #d31312

Alternatives to #d31312

#d31312 Preview

Shades and Tints of #d31312

Tones of #d31312

Color Blindness Simulator