#d31220 hex color

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

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

● #d31220 color description : Strong red.

The hexadecimal color #d31220 has RGB values of R:211, G:18, B:32 and CMYK values of C:0, M:0.91, Y:0.85, K:0.17. Its decimal value is 13832736.

Hex triplet	d31220	`#d31220`
RGB Decimal	211, 18, 32	`rgb(211,18,32)`
RGB Percent	82.7, 7.1, 12.5	`rgb(82.7%,7.1%,12.5%)`
CMYK	0, 91, 85, 17
HSL	355.6°, 84.3, 44.9	`hsl(355.6,84.3%,44.9%)`
HSV (or HSB)	355.6°, 91.5, 82.7
Web Safe	cc0033	`#cc0033`

CIE-LAB	44.786, 68.058, 46.452
XYZ	27.342, 14.389, 2.704
xyY	0.615, 0.324, 14.389
CIE-LCH	44.786, 82.399, 34.315
CIE-LUV	44.786, 138.21, 27.37
Hunter-Lab	37.933, 62.28, 22.327
Binary	11010011, 00010010, 00100000

#d31220
```
#d31220 rgb(211,18,32)
```
#12d3c5
```
#12d3c5 rgb(18,211,197)
```

Complementary Color

#d31281
```
#d31281 rgb(211,18,129)
```
#d31220
```
#d31220 rgb(211,18,32)
```
#d36512
```
#d36512 rgb(211,101,18)
```

Analogous Color

#1281d3
```
#1281d3 rgb(18,129,211)
```
#d31220
```
#d31220 rgb(211,18,32)
```
#12d365
```
#12d365 rgb(18,211,101)
```

Split Complementary Color

#1220d3
```
#1220d3 rgb(18,32,211)
```
#d31220
```
#d31220 rgb(211,18,32)
```
#20d312
```
#20d312 rgb(32,211,18)
```

Triadic Color

#c512d3
```
#c512d3 rgb(197,18,211)
```
#d31220
```
#d31220 rgb(211,18,32)
```
#20d312
```
#20d312 rgb(32,211,18)
```
#12d3c5
```
#12d3c5 rgb(18,211,197)
```

Tetradic Color

#8d0c15
```
#8d0c15 rgb(141,12,21)
```
#a40e19
```
#a40e19 rgb(164,14,25)
```
#bc101c
```
#bc101c rgb(188,16,28)
```
#d31220
```
#d31220 rgb(211,18,32)
```
#ea1424
```
#ea1424 rgb(234,20,36)
```
#ed2b39
```
#ed2b39 rgb(237,43,57)
```
#ef434f
```
#ef434f rgb(239,67,79)
```

Monochromatic Color

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

#d31250
```
#d31250 rgb(211,18,80)
```
#d31240
```
#d31240 rgb(211,18,64)
```
#d31230
```
#d31230 rgb(211,18,48)
```
#d31220
```
#d31220 rgb(211,18,32)
```
#d31412
```
#d31412 rgb(211,20,18)
```
#d32412
```
#d32412 rgb(211,36,18)
```
#d33412
```
#d33412 rgb(211,52,18)
```

Similar Colors

Text with hexadecimal color #d31220

This text has a font color of #d31220.

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

#d31220 background color

This paragraph has a background color of #d31220.

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

#d31220 border color

This element has a border color of #d31220.

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

CSS codes

.text {color:#d31220;}

.background {background-color:#d31220;}

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

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)
```
#300407
```
#300407 rgb(48,4,7)
```
#42060a
```
#42060a rgb(66,6,10)
```
#54070d
```
#54070d rgb(84,7,13)
```
#670910
```
#670910 rgb(103,9,16)
```
#790a12
```
#790a12 rgb(121,10,18)
```
#8b0c15
```
#8b0c15 rgb(139,12,21)
```
#9d0d18
```
#9d0d18 rgb(157,13,24)
```
#af0f1b
```
#af0f1b rgb(175,15,27)
```
#c1101d
```
#c1101d rgb(193,16,29)
```
#d31220
```
#d31220 rgb(211,18,32)
```
#e51423
```
#e51423 rgb(229,20,35)
```

Shade Color Variation

#ec202f
```
#ec202f rgb(236,32,47)
```
#ee3240
```
#ee3240 rgb(238,50,64)
```
#ef4451
```
#ef4451 rgb(239,68,81)
```
#f15662
```
#f15662 rgb(241,86,98)
```
#f26973
```
#f26973 rgb(242,105,115)
```
#f47b83
```
#f47b83 rgb(244,123,131)
```
#f58d94
```
#f58d94 rgb(245,141,148)
```
#f79fa5
```
#f79fa5 rgb(247,159,165)
```
#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 #e50011 is the most saturated one.

#7b6a6b
```
#7b6a6b rgb(123,106,107)
```
#846164
```
#846164 rgb(132,97,100)
```
#8d585c
```
#8d585c rgb(141,88,92)
```
#955055
```
#955055 rgb(149,80,85)
```
#9e474d
```
#9e474d rgb(158,71,77)
```
#a73e46
```
#a73e46 rgb(167,62,70)
```
#b0353e
```
#b0353e rgb(176,53,62)
```
#b92c37
```
#b92c37 rgb(185,44,55)
```
#c1242f
```
#c1242f rgb(193,36,47)
```
#ca1b28
```
#ca1b28 rgb(202,27,40)
```
#d31220
```
#d31220 rgb(211,18,32)
```
#dc0918
```
#dc0918 rgb(220,9,24)
```
#e50011
```
#e50011 rgb(229,0,17)
```

Tone Color Variation

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

#7c713d Protanopia 1% of men
#8e6c16 Deuteranopia 1% of men
#d5211c Tritanopia 0.001% of the population

Trichromacy

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

#d31220 hex color

#d31220 Color Information

#d31220 Color Conversion

Color Schemes with #d31220

Alternatives to #d31220

#d31220 Preview

Shades and Tints of #d31220

Tones of #d31220

Color Blindness Simulator