colorhexa.com

#d31024 hex color

In a RGB color space, hex #d31024 is composed of 82.7% red, 6.3% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 92.4% magenta, 82.9% yellow and 17.3% black. It has a hue angle of 353.8 degrees, a saturation of 85.9% and a lightness of 44.5%. #d31024 color hex could be obtained by blending #ff2048 with #a70000. Closest websafe color is: #cc0033.

- R 83
- G 6
- B 14
RGB color chart
- C 0
- M 92
- Y 83
- K 17
CMYK color chart

● #d31024 color description : Strong red.

The hexadecimal color #d31024 has RGB values of R:211, G:16, B:36 and CMYK values of C:0, M:0.92, Y:0.83, K:0.17. Its decimal value is 13832228.

Hex triplet	d31024	`#d31024`
RGB Decimal	211, 16, 36	`rgb(211,16,36)`
RGB Percent	82.7, 6.3, 14.1	`rgb(82.7%,6.3%,14.1%)`
CMYK	0, 92, 83, 17
HSL	353.8°, 85.9, 44.5	`hsl(353.8,85.9%,44.5%)`
HSV (or HSB)	353.8°, 92.4, 82.7
Web Safe	cc0033	`#cc0033`

CIE-LAB	44.731, 68.402, 44.317
XYZ	27.369, 14.35, 2.998
xyY	0.612, 0.321, 14.35
CIE-LCH	44.731, 81.504, 32.939
CIE-LUV	44.731, 137.962, 26.142
Hunter-Lab	37.882, 62.67, 21.825
Binary	11010011, 00010000, 00100100

#d31024
```
#d31024 rgb(211,16,36)
```
#10d3bf
```
#10d3bf rgb(16,211,191)
```

Complementary Color

#d31086
```
#d31086 rgb(211,16,134)
```
#d31024
```
#d31024 rgb(211,16,36)
```
#d35e10
```
#d35e10 rgb(211,94,16)
```

Analogous Color

#1086d3
```
#1086d3 rgb(16,134,211)
```
#d31024
```
#d31024 rgb(211,16,36)
```
#10d35e
```
#10d35e rgb(16,211,94)
```

Split Complementary Color

#1024d3
```
#1024d3 rgb(16,36,211)
```
#d31024
```
#d31024 rgb(211,16,36)
```
#24d310
```
#24d310 rgb(36,211,16)
```

Triadic Color

#bf10d3
```
#bf10d3 rgb(191,16,211)
```
#d31024
```
#d31024 rgb(211,16,36)
```
#24d310
```
#24d310 rgb(36,211,16)
```
#10d3bf
```
#10d3bf rgb(16,211,191)
```

Tetradic Color

#8c0b18
```
#8c0b18 rgb(140,11,24)
```
#a40c1c
```
#a40c1c rgb(164,12,28)
```
#bb0e20
```
#bb0e20 rgb(187,14,32)
```
#d31024
```
#d31024 rgb(211,16,36)
```
#eb1228
```
#eb1228 rgb(235,18,40)
```
#ef273c
```
#ef273c rgb(239,39,60)
```
#f03f51
```
#f03f51 rgb(240,63,81)
```

Monochromatic Color

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

#d31055
```
#d31055 rgb(211,16,85)
```
#d31045
```
#d31045 rgb(211,16,69)
```
#d31034
```
#d31034 rgb(211,16,52)
```
#d31024
```
#d31024 rgb(211,16,36)
```
#d31014
```
#d31014 rgb(211,16,20)
```
#d31d10
```
#d31d10 rgb(211,29,16)
```
#d32d10
```
#d32d10 rgb(211,45,16)
```

Similar Colors

Text with hexadecimal color #d31024

This text has a font color of #d31024.

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

#d31024 background color

This paragraph has a background color of #d31024.

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

#d31024 border color

This element has a border color of #d31024.

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

CSS codes

.text {color:#d31024;}

.background {background-color:#d31024;}

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

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

#0a0102
```
#0a0102 rgb(10,1,2)
```
#1d0205
```
#1d0205 rgb(29,2,5)
```
#2f0408
```
#2f0408 rgb(47,4,8)
```
#41050b
```
#41050b rgb(65,5,11)
```
#53060e
```
#53060e rgb(83,6,14)
```
#660811
```
#660811 rgb(102,8,17)
```
#780914
```
#780914 rgb(120,9,20)
```
#8a0a18
```
#8a0a18 rgb(138,10,24)
```
#9c0c1b
```
#9c0c1b rgb(156,12,27)
```
#af0d1e
```
#af0d1e rgb(175,13,30)
```
#c10f21
```
#c10f21 rgb(193,15,33)
```
#d31024
```
#d31024 rgb(211,16,36)
```
#e51127
```
#e51127 rgb(229,17,39)
```

Shade Color Variation

#ee1c32
```
#ee1c32 rgb(238,28,50)
```
#ef2f42
```
#ef2f42 rgb(239,47,66)
```
#f14153
```
#f14153 rgb(241,65,83)
```
#f25363
```
#f25363 rgb(242,83,99)
```
#f36574
```
#f36574 rgb(243,101,116)
```
#f57884
```
#f57884 rgb(245,120,132)
```
#f68a95
```
#f68a95 rgb(246,138,149)
```
#f79ca5
```
#f79ca5 rgb(247,156,165)
```
#f9aeb6
```
#f9aeb6 rgb(249,174,182)
```
#fac1c6
```
#fac1c6 rgb(250,193,198)
```
#fcd3d7
```
#fcd3d7 rgb(252,211,215)
```
#fde5e7
```
#fde5e7 rgb(253,229,231)
```
#fef7f8
```
#fef7f8 rgb(254,247,248)
```

Tint Color Variation

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

#737070
```
#737070 rgb(115,112,112)
```
#7c6769
```
#7c6769 rgb(124,103,105)
```
#845f62
```
#845f62 rgb(132,95,98)
```
#8d565c
```
#8d565c rgb(141,86,92)
```
#964d55
```
#964d55 rgb(150,77,85)
```
#9f444e
```
#9f444e rgb(159,68,78)
```
#a73c47
```
#a73c47 rgb(167,60,71)
```
#b03340
```
#b03340 rgb(176,51,64)
```
#b92a39
```
#b92a39 rgb(185,42,57)
```
#c22132
```
#c22132 rgb(194,33,50)
```
#ca192b
```
#ca192b rgb(202,25,43)
```
#d31024
```
#d31024 rgb(211,16,36)
```
#dc071d
```
#dc071d rgb(220,7,29)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#684145 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7142 Protanopia 1% of men
#8d6c1d Deuteranopia 1% of men
#d4201c Tritanopia 0.001% of the population

Trichromacy

#9b4e37 Protanomaly 1% of men, 0.01% of women
#a64a1f Deuteranomaly 6% of men, 0.4% of women
#d41a1e Tritanomaly 0.01% of the population