colorhexa.com

#df1d45 hex color

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

- R 87
- G 11
- B 27
RGB color chart
- C 0
- M 87
- Y 69
- K 13
CMYK color chart

● #df1d45 color description : Vivid red.

The hexadecimal color #df1d45 has RGB values of R:223, G:29, B:69 and CMYK values of C:0, M:0.87, Y:0.69, K:0.13. Its decimal value is 14622021.

Hex triplet	df1d45	`#df1d45`
RGB Decimal	223, 29, 69	`rgb(223,29,69)`
RGB Percent	87.5, 11.4, 27.1	`rgb(87.5%,11.4%,27.1%)`
CMYK	0, 87, 69, 13
HSL	347.6°, 77, 49.4	`hsl(347.6,77%,49.4%)`
HSV (or HSB)	347.6°, 87, 87.5
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.261, 70.657, 29.809
XYZ	31.946, 17, 7.229
xyY	0.569, 0.303, 17
CIE-LCH	48.261, 76.687, 22.874
CIE-LUV	48.261, 135.635, 17.189
Hunter-Lab	41.232, 66.148, 18.467
Binary	11011111, 00011101, 01000101

#df1d45
```
#df1d45 rgb(223,29,69)
```
#1ddfb7
```
#1ddfb7 rgb(29,223,183)
```

Complementary Color

#df1da6
```
#df1da6 rgb(223,29,166)
```
#df1d45
```
#df1d45 rgb(223,29,69)
```
#df561d
```
#df561d rgb(223,86,29)
```

Analogous Color

#1da6df
```
#1da6df rgb(29,166,223)
```
#df1d45
```
#df1d45 rgb(223,29,69)
```
#1ddf56
```
#1ddf56 rgb(29,223,86)
```

Split Complementary Color

#1d45df
```
#1d45df rgb(29,69,223)
```
#df1d45
```
#df1d45 rgb(223,29,69)
```
#45df1d
```
#45df1d rgb(69,223,29)
```

Triadic Color

#b71ddf
```
#b71ddf rgb(183,29,223)
```
#df1d45
```
#df1d45 rgb(223,29,69)
```
#45df1d
```
#45df1d rgb(69,223,29)
```
#1ddfb7
```
#1ddfb7 rgb(29,223,183)
```

Tetradic Color

#9b1430
```
#9b1430 rgb(155,20,48)
```
#b21737
```
#b21737 rgb(178,23,55)
```
#c81a3e
```
#c81a3e rgb(200,26,62)
```
#df1d45
```
#df1d45 rgb(223,29,69)
```
#e43156
```
#e43156 rgb(228,49,86)
```
#e74869
```
#e74869 rgb(231,72,105)
```
#ea5e7b
```
#ea5e7b rgb(234,94,123)
```

Monochromatic Color

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

#df1d76
```
#df1d76 rgb(223,29,118)
```
#df1d65
```
#df1d65 rgb(223,29,101)
```
#df1d55
```
#df1d55 rgb(223,29,85)
```
#df1d45
```
#df1d45 rgb(223,29,69)
```
#df1d35
```
#df1d35 rgb(223,29,53)
```
#df1d25
```
#df1d25 rgb(223,29,37)
```
#df261d
```
#df261d rgb(223,38,29)
```

Similar Colors

Text with hexadecimal color #df1d45

This text has a font color of #df1d45.

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

#df1d45 background color

This paragraph has a background color of #df1d45.

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

#df1d45 border color

This element has a border color of #df1d45.

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

CSS codes

.text {color:#df1d45;}

.background {background-color:#df1d45;}

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

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

#0f0205
```
#0f0205 rgb(15,2,5)
```
#20040a
```
#20040a rgb(32,4,10)
```
#31060f
```
#31060f rgb(49,6,15)
```
#430915
```
#430915 rgb(67,9,21)
```
#540b1a
```
#540b1a rgb(84,11,26)
```
#650d1f
```
#650d1f rgb(101,13,31)
```
#770f25
```
#770f25 rgb(119,15,37)
```
#88122a
```
#88122a rgb(136,18,42)
```
#9a1430
```
#9a1430 rgb(154,20,48)
```
#ab1635
```
#ab1635 rgb(171,22,53)
```
#bc183a
```
#bc183a rgb(188,24,58)
```
#ce1b40
```
#ce1b40 rgb(206,27,64)
```
#df1d45
```
#df1d45 rgb(223,29,69)
```

Shade Color Variation

#e42c52
```
#e42c52 rgb(228,44,82)
```
#e63d60
```
#e63d60 rgb(230,61,96)
```
#e84f6e
```
#e84f6e rgb(232,79,110)
```
#ea607d
```
#ea607d rgb(234,96,125)
```
#ed718b
```
#ed718b rgb(237,113,139)
```
#ef8399
```
#ef8399 rgb(239,131,153)
```
#f194a7
```
#f194a7 rgb(241,148,167)
```
#f3a6b6
```
#f3a6b6 rgb(243,166,182)
```
#f6b7c4
```
#f6b7c4 rgb(246,183,196)
```
#f8c8d2
```
#f8c8d2 rgb(248,200,210)
```
#fadae0
```
#fadae0 rgb(250,218,224)
```
#fcebef
```
#fcebef rgb(252,235,239)
```
#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 #f20a3a is the most saturated one.

#7e7e7e
```
#7e7e7e rgb(126,126,126)
```
#887478
```
#887478 rgb(136,116,120)
```
#916b73
```
#916b73 rgb(145,107,115)
```
#9b616d
```
#9b616d rgb(155,97,109)
```
#a55767
```
#a55767 rgb(165,87,103)
```
#af4d61
```
#af4d61 rgb(175,77,97)
```
#b8445c
```
#b8445c rgb(184,68,92)
```
#c23a56
```
#c23a56 rgb(194,58,86)
```
#cc3050
```
#cc3050 rgb(204,48,80)
```
#d5274b
```
#d5274b rgb(213,39,75)
```
#df1d45
```
#df1d45 rgb(223,29,69)
```
#e9133f
```
#e9133f rgb(233,19,63)
```
#f20a3a
```
#f20a3a rgb(242,10,58)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#764f57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#807968 Protanopia 1% of men
#947442 Deuteranopia 1% of men
#df3030 Tritanopia 0.001% of the population

Trichromacy

#a2575b Protanomaly 1% of men, 0.01% of women
#af5443 Deuteranomaly 6% of men, 0.4% of women
#df2937 Tritanomaly 0.01% of the population