#d31023 hex color

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

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

● #d31023 color description : Strong red.

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

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

CIE-LAB	44.723, 68.378, 44.84
XYZ	27.354, 14.344, 2.919
xyY	0.613, 0.322, 14.344
CIE-LCH	44.723, 81.769, 33.255
CIE-LUV	44.723, 138.142, 26.419
Hunter-Lab	37.874, 62.64, 21.943
Binary	11010011, 00010000, 00100011

#d31023
```
#d31023 rgb(211,16,35)
```
#10d3c0
```
#10d3c0 rgb(16,211,192)
```

Complementary Color

#d31085
```
#d31085 rgb(211,16,133)
```
#d31023
```
#d31023 rgb(211,16,35)
```
#d35f10
```
#d35f10 rgb(211,95,16)
```

Analogous Color

#1085d3
```
#1085d3 rgb(16,133,211)
```
#d31023
```
#d31023 rgb(211,16,35)
```
#10d35f
```
#10d35f rgb(16,211,95)
```

Split Complementary Color

#1023d3
```
#1023d3 rgb(16,35,211)
```
#d31023
```
#d31023 rgb(211,16,35)
```
#23d310
```
#23d310 rgb(35,211,16)
```

Triadic Color

#c010d3
```
#c010d3 rgb(192,16,211)
```
#d31023
```
#d31023 rgb(211,16,35)
```
#23d310
```
#23d310 rgb(35,211,16)
```
#10d3c0
```
#10d3c0 rgb(16,211,192)
```

Tetradic Color

#8c0b17
```
#8c0b17 rgb(140,11,23)
```
#a40c1b
```
#a40c1b rgb(164,12,27)
```
#bb0e1f
```
#bb0e1f rgb(187,14,31)
```
#d31023
```
#d31023 rgb(211,16,35)
```
#eb1227
```
#eb1227 rgb(235,18,39)
```
#ef273b
```
#ef273b rgb(239,39,59)
```
#f03f50
```
#f03f50 rgb(240,63,80)
```

Monochromatic Color

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

#d31054
```
#d31054 rgb(211,16,84)
```
#d31044
```
#d31044 rgb(211,16,68)
```
#d31033
```
#d31033 rgb(211,16,51)
```
#d31023
```
#d31023 rgb(211,16,35)
```
#d31013
```
#d31013 rgb(211,16,19)
```
#d31e10
```
#d31e10 rgb(211,30,16)
```
#d32e10
```
#d32e10 rgb(211,46,16)
```

Similar Colors

Text with hexadecimal color #d31023

This text has a font color of #d31023.

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

#d31023 background color

This paragraph has a background color of #d31023.

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

#d31023 border color

This element has a border color of #d31023.

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

CSS codes

.text {color:#d31023;}

.background {background-color:#d31023;}

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

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)
```
#8a0a17
```
#8a0a17 rgb(138,10,23)
```
#9c0c1a
```
#9c0c1a rgb(156,12,26)
```
#af0d1d
```
#af0d1d rgb(175,13,29)
```
#c10f20
```
#c10f20 rgb(193,15,32)
```
#d31023
```
#d31023 rgb(211,16,35)
```
#e51126
```
#e51126 rgb(229,17,38)
```

Shade Color Variation

#ee1c31
```
#ee1c31 rgb(238,28,49)
```
#ef2f41
```
#ef2f41 rgb(239,47,65)
```
#f14152
```
#f14152 rgb(241,65,82)
```
#f25363
```
#f25363 rgb(242,83,99)
```
#f36573
```
#f36573 rgb(243,101,115)
```
#f57884
```
#f57884 rgb(245,120,132)
```
#f68a94
```
#f68a94 rgb(246,138,148)
```
#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 #dc071c is the most saturated one.

#737070
```
#737070 rgb(115,112,112)
```
#7c6769
```
#7c6769 rgb(124,103,105)
```
#845f62
```
#845f62 rgb(132,95,98)
```
#8d565b
```
#8d565b rgb(141,86,91)
```
#964d54
```
#964d54 rgb(150,77,84)
```
#9f444d
```
#9f444d rgb(159,68,77)
```
#a73c46
```
#a73c46 rgb(167,60,70)
```
#b0333f
```
#b0333f rgb(176,51,63)
```
#b92a38
```
#b92a38 rgb(185,42,56)
```
#c22131
```
#c22131 rgb(194,33,49)
```
#ca192a
```
#ca192a rgb(202,25,42)
```
#d31023
```
#d31023 rgb(211,16,35)
```
#dc071c
```
#dc071c rgb(220,7,28)
```

Tone Color Variation

Below, you can see how #d31023 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
#674044 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7141 Protanopia 1% of men
#8d6c1b Deuteranopia 1% of men
#d5201b Tritanopia 0.001% of the population

Trichromacy

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

#d31023 hex color

#d31023 Color Information

#d31023 Color Conversion

Color Schemes with #d31023

Alternatives to #d31023

#d31023 Preview

Shades and Tints of #d31023

Tones of #d31023

Color Blindness Simulator