#dc1f31 hex color

In a RGB color space, hex #dc1f31 is composed of 86.3% red, 12.2% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.9% magenta, 77.7% yellow and 13.7% black. It has a hue angle of 354.3 degrees, a saturation of 75.3% and a lightness of 49.2%. #dc1f31 color hex could be obtained by blending #ff3e62 with #b90000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 86
- G 12
- B 19
RGB color chart
- C 0
- M 86
- Y 78
- K 14
CMYK color chart

● #dc1f31 color description : Vivid red.

The hexadecimal color #dc1f31 has RGB values of R:220, G:31, B:49 and CMYK values of C:0, M:0.86, Y:0.78, K:0.14. Its decimal value is 14425905.

Hex triplet	dc1f31	`#dc1f31`
RGB Decimal	220, 31, 49	`rgb(220,31,49)`
RGB Percent	86.3, 12.2, 19.2	`rgb(86.3%,12.2%,19.2%)`
CMYK	0, 86, 78, 14
HSL	354.3°, 75.3, 49.2	`hsl(354.3,75.3%,49.2%)`
HSV (or HSB)	354.3°, 85.9, 86.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	47.522, 68.738, 40.547
XYZ	30.561, 16.421, 4.466
xyY	0.594, 0.319, 16.421
CIE-LCH	47.522, 79.806, 30.536
CIE-LUV	47.522, 137.946, 25.206
Hunter-Lab	40.523, 63.703, 21.832
Binary	11011100, 00011111, 00110001

#dc1f31
```
#dc1f31 rgb(220,31,49)
```
#1fdcca
```
#1fdcca rgb(31,220,202)
```

Complementary Color

#dc1f90
```
#dc1f90 rgb(220,31,144)
```
#dc1f31
```
#dc1f31 rgb(220,31,49)
```
#dc6c1f
```
#dc6c1f rgb(220,108,31)
```

Analogous Color

#1f90dc
```
#1f90dc rgb(31,144,220)
```
#dc1f31
```
#dc1f31 rgb(220,31,49)
```
#1fdc6c
```
#1fdc6c rgb(31,220,108)
```

Split Complementary Color

#1f31dc
```
#1f31dc rgb(31,49,220)
```
#dc1f31
```
#dc1f31 rgb(220,31,49)
```
#31dc1f
```
#31dc1f rgb(49,220,31)
```

Triadic Color

#ca1fdc
```
#ca1fdc rgb(202,31,220)
```
#dc1f31
```
#dc1f31 rgb(220,31,49)
```
#31dc1f
```
#31dc1f rgb(49,220,31)
```
#1fdcca
```
#1fdcca rgb(31,220,202)
```

Tetradic Color

#991622
```
#991622 rgb(153,22,34)
```
#af1927
```
#af1927 rgb(175,25,39)
```
#c61c2c
```
#c61c2c rgb(198,28,44)
```
#dc1f31
```
#dc1f31 rgb(220,31,49)
```
#e23243
```
#e23243 rgb(226,50,67)
```
#e54958
```
#e54958 rgb(229,73,88)
```
#e85f6c
```
#e85f6c rgb(232,95,108)
```

Monochromatic Color

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

#dc1f60
```
#dc1f60 rgb(220,31,96)
```
#dc1f50
```
#dc1f50 rgb(220,31,80)
```
#dc1f41
```
#dc1f41 rgb(220,31,65)
```
#dc1f31
```
#dc1f31 rgb(220,31,49)
```
#dc1f21
```
#dc1f21 rgb(220,31,33)
```
#dc2d1f
```
#dc2d1f rgb(220,45,31)
```
#dc3c1f
```
#dc3c1f rgb(220,60,31)
```

Similar Colors

Text with hexadecimal color #dc1f31

This text has a font color of #dc1f31.

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

#dc1f31 background color

This paragraph has a background color of #dc1f31.

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

#dc1f31 border color

This element has a border color of #dc1f31.

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

CSS codes

.text {color:#dc1f31;}

.background {background-color:#dc1f31;}

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

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

#0e0203
```
#0e0203 rgb(14,2,3)
```
#1f0407
```
#1f0407 rgb(31,4,7)
```
#30070b
```
#30070b rgb(48,7,11)
```
#41090f
```
#41090f rgb(65,9,15)
```
#520c12
```
#520c12 rgb(82,12,18)
```
#640e16
```
#640e16 rgb(100,14,22)
```
#75101a
```
#75101a rgb(117,16,26)
```
#86131e
```
#86131e rgb(134,19,30)
```
#971522
```
#971522 rgb(151,21,34)
```
#a81826
```
#a81826 rgb(168,24,38)
```
#ba1a29
```
#ba1a29 rgb(186,26,41)
```
#cb1d2d
```
#cb1d2d rgb(203,29,45)
```
#dc1f31
```
#dc1f31 rgb(220,31,49)
```

Shade Color Variation

#e12d3e
```
#e12d3e rgb(225,45,62)
```
#e43e4e
```
#e43e4e rgb(228,62,78)
```
#e6505e
```
#e6505e rgb(230,80,94)
```
#e9616e
```
#e9616e rgb(233,97,110)
```
#eb727d
```
#eb727d rgb(235,114,125)
```
#ee838d
```
#ee838d rgb(238,131,141)
```
#f0949d
```
#f0949d rgb(240,148,157)
```
#f2a6ad
```
#f2a6ad rgb(242,166,173)
```
#f5b7bd
```
#f5b7bd rgb(245,183,189)
```
#f7c8cc
```
#f7c8cc rgb(247,200,204)
```
#fad9dc
```
#fad9dc rgb(250,217,220)
```
#fceaec
```
#fceaec rgb(252,234,236)
```
#fffbfc
```
#fffbfc rgb(255,251,252)
```

Tint Color Variation

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

#857677
```
#857677 rgb(133,118,119)
```
#8f6c70
```
#8f6c70 rgb(143,108,112)
```
#986368
```
#986368 rgb(152,99,104)
```
#a25960
```
#a25960 rgb(162,89,96)
```
#ac4f58
```
#ac4f58 rgb(172,79,88)
```
#b54650
```
#b54650 rgb(181,70,80)
```
#bf3c48
```
#bf3c48 rgb(191,60,72)
```
#c93241
```
#c93241 rgb(201,50,65)
```
#d22939
```
#d22939 rgb(210,41,57)
```
#dc1f31
```
#dc1f31 rgb(220,31,49)
```
#e61529
```
#e61529 rgb(230,21,41)
```
#ef0c21
```
#ef0c21 rgb(239,12,33)
```
#f9021a
```
#f9021a rgb(249,2,26)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#744e52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#827850 Protanopia 1% of men
#94722d Deuteranopia 1% of men
#dd2d2c Tritanopia 0.001% of the population

Trichromacy

#a25745 Protanomaly 1% of men, 0.01% of women
#ae542e Deuteranomaly 6% of men, 0.4% of women
#dc282e Tritanomaly 0.01% of the population

#dc1f31 hex color

#dc1f31 Color Information

#dc1f31 Color Conversion

Color Schemes with #dc1f31

Alternatives to #dc1f31

#dc1f31 Preview

Shades and Tints of #dc1f31

Tones of #dc1f31

Color Blindness Simulator