#d31022 hex color

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

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

● #d31022 color description : Strong red.

The hexadecimal color #d31022 has RGB values of R:211, G:16, B:34 and CMYK values of C:0, M:0.92, Y:0.84, K:0.17. Its decimal value is 13832226.

Hex triplet	d31022	`#d31022`
RGB Decimal	211, 16, 34	`rgb(211,16,34)`
RGB Percent	82.7, 6.3, 13.3	`rgb(82.7%,6.3%,13.3%)`
CMYK	0, 92, 84, 17
HSL	354.5°, 85.9, 44.5	`hsl(354.5,85.9%,44.5%)`
HSV (or HSB)	354.5°, 92.4, 82.7
Web Safe	cc0033	`#cc0033`

CIE-LAB	44.715, 68.355, 45.357
XYZ	27.339, 14.339, 2.841
xyY	0.614, 0.322, 14.339
CIE-LCH	44.715, 82.035, 33.567
CIE-LUV	44.715, 138.318, 26.689
Hunter-Lab	37.866, 62.611, 22.057
Binary	11010011, 00010000, 00100010

#d31022
```
#d31022 rgb(211,16,34)
```
#10d3c1
```
#10d3c1 rgb(16,211,193)
```

Complementary Color

#d31084
```
#d31084 rgb(211,16,132)
```
#d31022
```
#d31022 rgb(211,16,34)
```
#d36010
```
#d36010 rgb(211,96,16)
```

Analogous Color

#1084d3
```
#1084d3 rgb(16,132,211)
```
#d31022
```
#d31022 rgb(211,16,34)
```
#10d360
```
#10d360 rgb(16,211,96)
```

Split Complementary Color

#1022d3
```
#1022d3 rgb(16,34,211)
```
#d31022
```
#d31022 rgb(211,16,34)
```
#22d310
```
#22d310 rgb(34,211,16)
```

Triadic Color

#c110d3
```
#c110d3 rgb(193,16,211)
```
#d31022
```
#d31022 rgb(211,16,34)
```
#22d310
```
#22d310 rgb(34,211,16)
```
#10d3c1
```
#10d3c1 rgb(16,211,193)
```

Tetradic Color

#8c0b17
```
#8c0b17 rgb(140,11,23)
```
#a40c1a
```
#a40c1a rgb(164,12,26)
```
#bb0e1e
```
#bb0e1e rgb(187,14,30)
```
#d31022
```
#d31022 rgb(211,16,34)
```
#eb1226
```
#eb1226 rgb(235,18,38)
```
#ef273a
```
#ef273a rgb(239,39,58)
```
#f03f4f
```
#f03f4f rgb(240,63,79)
```

Monochromatic Color

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

#d31053
```
#d31053 rgb(211,16,83)
```
#d31043
```
#d31043 rgb(211,16,67)
```
#d31032
```
#d31032 rgb(211,16,50)
```
#d31022
```
#d31022 rgb(211,16,34)
```
#d31012
```
#d31012 rgb(211,16,18)
```
#d31f10
```
#d31f10 rgb(211,31,16)
```
#d32f10
```
#d32f10 rgb(211,47,16)
```

Similar Colors

Text with hexadecimal color #d31022

This text has a font color of #d31022.

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

#d31022 background color

This paragraph has a background color of #d31022.

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

#d31022 border color

This element has a border color of #d31022.

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

CSS codes

.text {color:#d31022;}

.background {background-color:#d31022;}

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

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)
```
#41050a
```
#41050a rgb(65,5,10)
```
#53060d
```
#53060d rgb(83,6,13)
```
#660810
```
#660810 rgb(102,8,16)
```
#780913
```
#780913 rgb(120,9,19)
```
#8a0a16
```
#8a0a16 rgb(138,10,22)
```
#9c0c19
```
#9c0c19 rgb(156,12,25)
```
#af0d1c
```
#af0d1c rgb(175,13,28)
```
#c10f1f
```
#c10f1f rgb(193,15,31)
```
#d31022
```
#d31022 rgb(211,16,34)
```
#e51125
```
#e51125 rgb(229,17,37)
```

Shade Color Variation

#ee1c30
```
#ee1c30 rgb(238,28,48)
```
#ef2f40
```
#ef2f40 rgb(239,47,64)
```
#f14151
```
#f14151 rgb(241,65,81)
```
#f25362
```
#f25362 rgb(242,83,98)
```
#f36572
```
#f36572 rgb(243,101,114)
```
#f57883
```
#f57883 rgb(245,120,131)
```
#f68a94
```
#f68a94 rgb(246,138,148)
```
#f79ca4
```
#f79ca4 rgb(247,156,164)
```
#f9aeb5
```
#f9aeb5 rgb(249,174,181)
```
#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 #dc071b 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)
```
#b0333e
```
#b0333e rgb(176,51,62)
```
#b92a37
```
#b92a37 rgb(185,42,55)
```
#c22130
```
#c22130 rgb(194,33,48)
```
#ca1929
```
#ca1929 rgb(202,25,41)
```
#d31022
```
#d31022 rgb(211,16,34)
```
#dc071b
```
#dc071b rgb(220,7,27)
```

Tone Color Variation

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

#7c7140 Protanopia 1% of men
#8d6c19 Deuteranopia 1% of men
#d5201b Tritanopia 0.001% of the population

Trichromacy

#9b4e35 Protanomaly 1% of men, 0.01% of women
#a64a1c Deuteranomaly 6% of men, 0.4% of women
#d41a1d Tritanomaly 0.01% of the population

#d31022 hex color

#d31022 Color Information

#d31022 Color Conversion

Color Schemes with #d31022

Alternatives to #d31022

#d31022 Preview

Shades and Tints of #d31022

Tones of #d31022

Color Blindness Simulator