#d31621 hex color

In a RGB color space, hex #d31621 is composed of 82.7% red, 8.6% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.6% magenta, 84.4% yellow and 17.3% black. It has a hue angle of 356.5 degrees, a saturation of 81.1% and a lightness of 45.7%. #d31621 color hex could be obtained by blending #ff2c42 with #a70000. Closest websafe color is: #cc0033.

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

● #d31621 color description : Strong red.

The hexadecimal color #d31621 has RGB values of R:211, G:22, B:33 and CMYK values of C:0, M:0.9, Y:0.84, K:0.17. Its decimal value is 13833761.

Hex triplet	d31621	`#d31621`
RGB Decimal	211, 22, 33	`rgb(211,22,33)`
RGB Percent	82.7, 8.6, 12.9	`rgb(82.7%,8.6%,12.9%)`
CMYK	0, 90, 84, 17
HSL	356.5°, 81.1, 45.7	`hsl(356.5,81.1%,45.7%)`
HSV (or HSB)	356.5°, 89.6, 82.7
Web Safe	cc0033	`#cc0033`

CIE-LAB	44.992, 67.51, 46.123
XYZ	27.427, 14.536, 2.8
xyY	0.613, 0.325, 14.536
CIE-LCH	44.992, 81.761, 34.341
CIE-LUV	44.992, 137.042, 27.482
Hunter-Lab	38.126, 61.687, 22.333
Binary	11010011, 00010110, 00100001

#d31621
```
#d31621 rgb(211,22,33)
```
#16d3c8
```
#16d3c8 rgb(22,211,200)
```

Complementary Color

#d31680
```
#d31680 rgb(211,22,128)
```
#d31621
```
#d31621 rgb(211,22,33)
```
#d36a16
```
#d36a16 rgb(211,106,22)
```

Analogous Color

#1680d3
```
#1680d3 rgb(22,128,211)
```
#d31621
```
#d31621 rgb(211,22,33)
```
#16d36a
```
#16d36a rgb(22,211,106)
```

Split Complementary Color

#1621d3
```
#1621d3 rgb(22,33,211)
```
#d31621
```
#d31621 rgb(211,22,33)
```
#21d316
```
#21d316 rgb(33,211,22)
```

Triadic Color

#c816d3
```
#c816d3 rgb(200,22,211)
```
#d31621
```
#d31621 rgb(211,22,33)
```
#21d316
```
#21d316 rgb(33,211,22)
```
#16d3c8
```
#16d3c8 rgb(22,211,200)
```

Tetradic Color

#8e0f16
```
#8e0f16 rgb(142,15,22)
```
#a5111a
```
#a5111a rgb(165,17,26)
```
#bc141d
```
#bc141d rgb(188,20,29)
```
#d31621
```
#d31621 rgb(211,22,33)
```
#e71b27
```
#e71b27 rgb(231,27,39)
```
#ea323d
```
#ea323d rgb(234,50,61)
```
#ec4953
```
#ec4953 rgb(236,73,83)
```

Monochromatic Color

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

#d31650
```
#d31650 rgb(211,22,80)
```
#d31641
```
#d31641 rgb(211,22,65)
```
#d31631
```
#d31631 rgb(211,22,49)
```
#d31621
```
#d31621 rgb(211,22,33)
```
#d31b16
```
#d31b16 rgb(211,27,22)
```
#d32a16
```
#d32a16 rgb(211,42,22)
```
#d33a16
```
#d33a16 rgb(211,58,22)
```

Similar Colors

Text with hexadecimal color #d31621

This text has a font color of #d31621.

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

#d31621 background color

This paragraph has a background color of #d31621.

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

#d31621 border color

This element has a border color of #d31621.

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

CSS codes

.text {color:#d31621;}

.background {background-color:#d31621;}

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

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, #100202 is the darkest color, while #fffdfd is the lightest one.

#100202
```
#100202 rgb(16,2,2)
```
#210305
```
#210305 rgb(33,3,5)
```
#330508
```
#330508 rgb(51,5,8)
```
#45070b
```
#45070b rgb(69,7,11)
```
#57090e
```
#57090e rgb(87,9,14)
```
#680b10
```
#680b10 rgb(104,11,16)
```
#7a0d13
```
#7a0d13 rgb(122,13,19)
```
#8c0f16
```
#8c0f16 rgb(140,15,22)
```
#9e1019
```
#9e1019 rgb(158,16,25)
```
#af121b
```
#af121b rgb(175,18,27)
```
#c1141e
```
#c1141e rgb(193,20,30)
```
#d31621
```
#d31621 rgb(211,22,33)
```
#e51824
```
#e51824 rgb(229,24,36)
```

Shade Color Variation

#e92833
```
#e92833 rgb(233,40,51)
```
#ea3944
```
#ea3944 rgb(234,57,68)
```
#ec4b55
```
#ec4b55 rgb(236,75,85)
```
#ee5d65
```
#ee5d65 rgb(238,93,101)
```
#f06f76
```
#f06f76 rgb(240,111,118)
```
#f28087
```
#f28087 rgb(242,128,135)
```
#f49298
```
#f49298 rgb(244,146,152)
```
#f6a4a9
```
#f6a4a9 rgb(246,164,169)
```
#f7b6ba
```
#f7b6ba rgb(247,182,186)
```
#f9c8ca
```
#f9c8ca rgb(249,200,202)
```
#fbd9db
```
#fbd9db rgb(251,217,219)
```
#fdebec
```
#fdebec rgb(253,235,236)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#797070
```
#797070 rgb(121,112,112)
```
#826768
```
#826768 rgb(130,103,104)
```
#8b5e60
```
#8b5e60 rgb(139,94,96)
```
#945558
```
#945558 rgb(148,85,88)
```
#9d4c51
```
#9d4c51 rgb(157,76,81)
```
#a64349
```
#a64349 rgb(166,67,73)
```
#af3a41
```
#af3a41 rgb(175,58,65)
```
#b83139
```
#b83139 rgb(184,49,57)
```
#c12831
```
#c12831 rgb(193,40,49)
```
#ca1f29
```
#ca1f29 rgb(202,31,41)
```
#d31621
```
#d31621 rgb(211,22,33)
```
#dc0d19
```
#dc0d19 rgb(220,13,25)
```
#e50411
```
#e50411 rgb(229,4,17)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#6a4447 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d723e Protanopia 1% of men
#8e6c18 Deuteranopia 1% of men
#d52421 Tritanopia 0.001% of the population

Trichromacy

#9c5033 Protanomaly 1% of men, 0.01% of women
#a74d1b Deuteranomaly 6% of men, 0.4% of women
#d41f21 Tritanomaly 0.01% of the population

#d31621 hex color

#d31621 Color Information

#d31621 Color Conversion

Color Schemes with #d31621

Alternatives to #d31621

#d31621 Preview

Shades and Tints of #d31621

Tones of #d31621

Color Blindness Simulator