#df1d2a hex color

In a RGB color space, hex #df1d2a is composed of 87.5% red, 11.4% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87% magenta, 81.2% yellow and 12.5% black. It has a hue angle of 356 degrees, a saturation of 77% and a lightness of 49.4%. #df1d2a color hex could be obtained by blending #ff3a54 with #bf0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 87
- G 11
- B 16
RGB color chart
- C 0
- M 87
- Y 81
- K 13
CMYK color chart

● #df1d2a color description : Vivid red.

The hexadecimal color #df1d2a has RGB values of R:223, G:29, B:42 and CMYK values of C:0, M:0.87, Y:0.81, K:0.13. Its decimal value is 14621994.

Hex triplet	df1d2a	`#df1d2a`
RGB Decimal	223, 29, 42	`rgb(223,29,42)`
RGB Percent	87.5, 11.4, 16.5	`rgb(87.5%,11.4%,16.5%)`
CMYK	0, 87, 81, 13
HSL	356°, 77, 49.4	`hsl(356,77%,49.4%)`
HSV (or HSB)	356°, 87, 87.5
Web Safe	cc3333	`#cc3333`

CIE-LAB	47.928, 69.693, 45.014
XYZ	31.29, 16.738, 3.774
xyY	0.604, 0.323, 16.738
CIE-LCH	47.928, 82.966, 32.858
CIE-LUV	47.928, 142.273, 27.793
Hunter-Lab	40.912, 64.925, 23.17
Binary	11011111, 00011101, 00101010

#df1d2a
```
#df1d2a rgb(223,29,42)
```
#1ddfd2
```
#1ddfd2 rgb(29,223,210)
```

Complementary Color

#df1d8b
```
#df1d8b rgb(223,29,139)
```
#df1d2a
```
#df1d2a rgb(223,29,42)
```
#df711d
```
#df711d rgb(223,113,29)
```

Analogous Color

#1d8bdf
```
#1d8bdf rgb(29,139,223)
```
#df1d2a
```
#df1d2a rgb(223,29,42)
```
#1ddf71
```
#1ddf71 rgb(29,223,113)
```

Split Complementary Color

#1d2adf
```
#1d2adf rgb(29,42,223)
```
#df1d2a
```
#df1d2a rgb(223,29,42)
```
#2adf1d
```
#2adf1d rgb(42,223,29)
```

Triadic Color

#d21ddf
```
#d21ddf rgb(210,29,223)
```
#df1d2a
```
#df1d2a rgb(223,29,42)
```
#2adf1d
```
#2adf1d rgb(42,223,29)
```
#1ddfd2
```
#1ddfd2 rgb(29,223,210)
```

Tetradic Color

#9b141d
```
#9b141d rgb(155,20,29)
```
#b21722
```
#b21722 rgb(178,23,34)
```
#c81a26
```
#c81a26 rgb(200,26,38)
```
#df1d2a
```
#df1d2a rgb(223,29,42)
```
#e4313d
```
#e4313d rgb(228,49,61)
```
#e74853
```
#e74853 rgb(231,72,83)
```
#ea5e68
```
#ea5e68 rgb(234,94,104)
```

Monochromatic Color

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

#df1d5b
```
#df1d5b rgb(223,29,91)
```
#df1d4a
```
#df1d4a rgb(223,29,74)
```
#df1d3a
```
#df1d3a rgb(223,29,58)
```
#df1d2a
```
#df1d2a rgb(223,29,42)
```
#df201d
```
#df201d rgb(223,32,29)
```
#df301d
```
#df301d rgb(223,48,29)
```
#df411d
```
#df411d rgb(223,65,29)
```

Similar Colors

Text with hexadecimal color #df1d2a

This text has a font color of #df1d2a.

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

#df1d2a background color

This paragraph has a background color of #df1d2a.

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

#df1d2a border color

This element has a border color of #df1d2a.

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

CSS codes

.text {color:#df1d2a;}

.background {background-color:#df1d2a;}

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

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

#0f0203
```
#0f0203 rgb(15,2,3)
```
#200406
```
#200406 rgb(32,4,6)
```
#310609
```
#310609 rgb(49,6,9)
```
#43090d
```
#43090d rgb(67,9,13)
```
#540b10
```
#540b10 rgb(84,11,16)
```
#650d13
```
#650d13 rgb(101,13,19)
```
#770f16
```
#770f16 rgb(119,15,22)
```
#88121a
```
#88121a rgb(136,18,26)
```
#9a141d
```
#9a141d rgb(154,20,29)
```
#ab1620
```
#ab1620 rgb(171,22,32)
```
#bc1823
```
#bc1823 rgb(188,24,35)
```
#ce1b27
```
#ce1b27 rgb(206,27,39)
```
#df1d2a
```
#df1d2a rgb(223,29,42)
```

Shade Color Variation

#e42c38
```
#e42c38 rgb(228,44,56)
```
#e63d49
```
#e63d49 rgb(230,61,73)
```
#e84f59
```
#e84f59 rgb(232,79,89)
```
#ea6069
```
#ea6069 rgb(234,96,105)
```
#ed717a
```
#ed717a rgb(237,113,122)
```
#ef838a
```
#ef838a rgb(239,131,138)
```
#f1949a
```
#f1949a rgb(241,148,154)
```
#f3a6ab
```
#f3a6ab rgb(243,166,171)
```
#f6b7bb
```
#f6b7bb rgb(246,183,187)
```
#f8c8cb
```
#f8c8cb rgb(248,200,203)
```
#fadadc
```
#fadadc rgb(250,218,220)
```
#fcebec
```
#fcebec rgb(252,235,236)
```
#fffcfd
```
#fffcfd rgb(255,252,253)
```

Tint Color Variation

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

#7e7e7e
```
#7e7e7e rgb(126,126,126)
```
#887476
```
#887476 rgb(136,116,118)
```
#916b6d
```
#916b6d rgb(145,107,109)
```
#9b6165
```
#9b6165 rgb(155,97,101)
```
#a5575c
```
#a5575c rgb(165,87,92)
```
#af4d54
```
#af4d54 rgb(175,77,84)
```
#b8444c
```
#b8444c rgb(184,68,76)
```
#c23a43
```
#c23a43 rgb(194,58,67)
```
#cc303b
```
#cc303b rgb(204,48,59)
```
#d52732
```
#d52732 rgb(213,39,50)
```
#df1d2a
```
#df1d2a rgb(223,29,42)
```
#e91322
```
#e91322 rgb(233,19,34)
```
#f20a19
```
#f20a19 rgb(242,10,25)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#734c4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#847948 Protanopia 1% of men
#967323 Deuteranopia 1% of men
#e02a29 Tritanopia 0.001% of the population

Trichromacy

#a5573d Protanomaly 1% of men, 0.01% of women
#b05326 Deuteranomaly 6% of men, 0.4% of women
#df2529 Tritanomaly 0.01% of the population

#df1d2a hex color

#df1d2a Color Information

#df1d2a Color Conversion

Color Schemes with #df1d2a

Alternatives to #df1d2a

#df1d2a Preview

Shades and Tints of #df1d2a

Tones of #df1d2a

Color Blindness Simulator