#d31221 hex color

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

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

● #d31221 color description : Strong red.

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

Hex triplet	d31221	`#d31221`
RGB Decimal	211, 18, 33	`rgb(211,18,33)`
RGB Percent	82.7, 7.1, 12.9	`rgb(82.7%,7.1%,12.9%)`
CMYK	0, 91, 84, 17
HSL	355.3°, 84.3, 44.9	`hsl(355.3,84.3%,44.9%)`
HSV (or HSB)	355.3°, 91.5, 82.7
Web Safe	cc0033	`#cc0033`

CIE-LAB	44.794, 68.08, 45.947
XYZ	27.356, 14.395, 2.777
xyY	0.614, 0.323, 14.395
CIE-LCH	44.794, 82.134, 34.015
CIE-LUV	44.794, 138.045, 27.115
Hunter-Lab	37.941, 62.308, 22.219
Binary	11010011, 00010010, 00100001

#d31221
```
#d31221 rgb(211,18,33)
```
#12d3c4
```
#12d3c4 rgb(18,211,196)
```

Complementary Color

#d31282
```
#d31282 rgb(211,18,130)
```
#d31221
```
#d31221 rgb(211,18,33)
```
#d36412
```
#d36412 rgb(211,100,18)
```

Analogous Color

#1282d3
```
#1282d3 rgb(18,130,211)
```
#d31221
```
#d31221 rgb(211,18,33)
```
#12d363
```
#12d363 rgb(18,211,99)
```

Split Complementary Color

#1221d3
```
#1221d3 rgb(18,33,211)
```
#d31221
```
#d31221 rgb(211,18,33)
```
#21d312
```
#21d312 rgb(33,211,18)
```

Triadic Color

#c412d3
```
#c412d3 rgb(196,18,211)
```
#d31221
```
#d31221 rgb(211,18,33)
```
#21d312
```
#21d312 rgb(33,211,18)
```
#12d3c4
```
#12d3c4 rgb(18,211,196)
```

Tetradic Color

#8d0c16
```
#8d0c16 rgb(141,12,22)
```
#a40e1a
```
#a40e1a rgb(164,14,26)
```
#bc101d
```
#bc101d rgb(188,16,29)
```
#d31221
```
#d31221 rgb(211,18,33)
```
#ea1425
```
#ea1425 rgb(234,20,37)
```
#ed2b3a
```
#ed2b3a rgb(237,43,58)
```
#ef4350
```
#ef4350 rgb(239,67,80)
```

Monochromatic Color

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

#d31251
```
#d31251 rgb(211,18,81)
```
#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)
```

Similar Colors

Text with hexadecimal color #d31221

This text has a font color of #d31221.

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

#d31221 background color

This paragraph has a background color of #d31221.

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

#d31221 border color

This element has a border color of #d31221.

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

CSS codes

.text {color:#d31221;}

.background {background-color:#d31221;}

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

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

#0c0102
```
#0c0102 rgb(12,1,2)
```
#1e0305
```
#1e0305 rgb(30,3,5)
```
#300408
```
#300408 rgb(48,4,8)
```
#42060a
```
#42060a rgb(66,6,10)
```
#54070d
```
#54070d rgb(84,7,13)
```
#670910
```
#670910 rgb(103,9,16)
```
#790a13
```
#790a13 rgb(121,10,19)
```
#8b0c16
```
#8b0c16 rgb(139,12,22)
```
#9d0d19
```
#9d0d19 rgb(157,13,25)
```
#af0f1b
```
#af0f1b rgb(175,15,27)
```
#c1101e
```
#c1101e rgb(193,16,30)
```
#d31221
```
#d31221 rgb(211,18,33)
```
#e51424
```
#e51424 rgb(229,20,36)
```

Shade Color Variation

#ec2030
```
#ec2030 rgb(236,32,48)
```
#ee3241
```
#ee3241 rgb(238,50,65)
```
#ef4452
```
#ef4452 rgb(239,68,82)
```
#f15662
```
#f15662 rgb(241,86,98)
```
#f26973
```
#f26973 rgb(242,105,115)
```
#f47b84
```
#f47b84 rgb(244,123,132)
```
#f58d95
```
#f58d95 rgb(245,141,149)
```
#f79fa6
```
#f79fa6 rgb(247,159,166)
```
#f8b1b6
```
#f8b1b6 rgb(248,177,182)
```
#fac3c7
```
#fac3c7 rgb(250,195,199)
```
#fbd5d8
```
#fbd5d8 rgb(251,213,216)
```
#fde7e9
```
#fde7e9 rgb(253,231,233)
```
#fef9fa
```
#fef9fa rgb(254,249,250)
```

Tint Color Variation

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

#7b6a6b
```
#7b6a6b rgb(123,106,107)
```
#846164
```
#846164 rgb(132,97,100)
```
#8d585d
```
#8d585d rgb(141,88,93)
```
#955055
```
#955055 rgb(149,80,85)
```
#9e474e
```
#9e474e rgb(158,71,78)
```
#a73e46
```
#a73e46 rgb(167,62,70)
```
#b0353f
```
#b0353f rgb(176,53,63)
```
#b92c37
```
#b92c37 rgb(185,44,55)
```
#c12430
```
#c12430 rgb(193,36,48)
```
#ca1b28
```
#ca1b28 rgb(202,27,40)
```
#d31221
```
#d31221 rgb(211,18,33)
```
#dc091a
```
#dc091a rgb(220,9,26)
```
#e50012
```
#e50012 rgb(229,0,18)
```

Tone Color Variation

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

Dichromacy

#7c713f Protanopia 1% of men
#8d6c17 Deuteranopia 1% of men
#d5211d Tritanopia 0.001% of the population

Trichromacy

#9c4e34 Protanomaly 1% of men, 0.01% of women
#a74b1b Deuteranomaly 6% of men, 0.4% of women
#d41b1e Tritanomaly 0.01% of the population

#d31221 hex color

#d31221 Color Information

#d31221 Color Conversion

Color Schemes with #d31221

Alternatives to #d31221

#d31221 Preview

Shades and Tints of #d31221

Tones of #d31221

Color Blindness Simulator