#df1d55 hex color

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

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

● #df1d55 color description : Vivid pink.

The hexadecimal color #df1d55 has RGB values of R:223, G:29, B:85 and CMYK values of C:0, M:0.87, Y:0.62, K:0.13. Its decimal value is 14622037.

Hex triplet	df1d55	`#df1d55`
RGB Decimal	223, 29, 85	`rgb(223,29,85)`
RGB Percent	87.5, 11.4, 33.3	`rgb(87.5%,11.4%,33.3%)`
CMYK	0, 87, 62, 13
HSL	342.7°, 77, 49.4	`hsl(342.7,77%,49.4%)`
HSV (or HSB)	342.7°, 87, 87.5
Web Safe	cc3366	`#cc3366`

CIE-LAB	48.544, 71.473, 20.429
XYZ	32.512, 17.227, 10.207
xyY	0.542, 0.287, 17.227
CIE-LCH	48.544, 74.335, 15.952
CIE-LUV	48.544, 130.395, 8.742
Hunter-Lab	41.505, 67.19, 14.473
Binary	11011111, 00011101, 01010101

#df1d55
```
#df1d55 rgb(223,29,85)
```
#1ddfa7
```
#1ddfa7 rgb(29,223,167)
```

Complementary Color

#df1db6
```
#df1db6 rgb(223,29,182)
```
#df1d55
```
#df1d55 rgb(223,29,85)
```
#df461d
```
#df461d rgb(223,70,29)
```

Analogous Color

#1db6df
```
#1db6df rgb(29,182,223)
```
#df1d55
```
#df1d55 rgb(223,29,85)
```
#1ddf46
```
#1ddf46 rgb(29,223,70)
```

Split Complementary Color

#1d55df
```
#1d55df rgb(29,85,223)
```
#df1d55
```
#df1d55 rgb(223,29,85)
```
#55df1d
```
#55df1d rgb(85,223,29)
```

Triadic Color

#a71ddf
```
#a71ddf rgb(167,29,223)
```
#df1d55
```
#df1d55 rgb(223,29,85)
```
#55df1d
```
#55df1d rgb(85,223,29)
```
#1ddfa7
```
#1ddfa7 rgb(29,223,167)
```

Tetradic Color

#9b143b
```
#9b143b rgb(155,20,59)
```
#b21744
```
#b21744 rgb(178,23,68)
```
#c81a4c
```
#c81a4c rgb(200,26,76)
```
#df1d55
```
#df1d55 rgb(223,29,85)
```
#e43165
```
#e43165 rgb(228,49,101)
```
#e74876
```
#e74876 rgb(231,72,118)
```
#ea5e87
```
#ea5e87 rgb(234,94,135)
```

Monochromatic Color

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

#df1d86
```
#df1d86 rgb(223,29,134)
```
#df1d75
```
#df1d75 rgb(223,29,117)
```
#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)
```

Similar Colors

Text with hexadecimal color #df1d55

This text has a font color of #df1d55.

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

#df1d55 background color

This paragraph has a background color of #df1d55.

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

#df1d55 border color

This element has a border color of #df1d55.

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

CSS codes

.text {color:#df1d55;}

.background {background-color:#df1d55;}

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

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

#0f0206
```
#0f0206 rgb(15,2,6)
```
#20040c
```
#20040c rgb(32,4,12)
```
#310613
```
#310613 rgb(49,6,19)
```
#430919
```
#430919 rgb(67,9,25)
```
#540b20
```
#540b20 rgb(84,11,32)
```
#650d27
```
#650d27 rgb(101,13,39)
```
#770f2d
```
#770f2d rgb(119,15,45)
```
#881234
```
#881234 rgb(136,18,52)
```
#9a143b
```
#9a143b rgb(154,20,59)
```
#ab1641
```
#ab1641 rgb(171,22,65)
```
#bc1848
```
#bc1848 rgb(188,24,72)
```
#ce1b4e
```
#ce1b4e rgb(206,27,78)
```
#df1d55
```
#df1d55 rgb(223,29,85)
```

Shade Color Variation

#e42c61
```
#e42c61 rgb(228,44,97)
```
#e63d6e
```
#e63d6e rgb(230,61,110)
```
#e84f7b
```
#e84f7b rgb(232,79,123)
```
#ea6088
```
#ea6088 rgb(234,96,136)
```
#ed7195
```
#ed7195 rgb(237,113,149)
```
#ef83a2
```
#ef83a2 rgb(239,131,162)
```
#f194af
```
#f194af rgb(241,148,175)
```
#f3a6bc
```
#f3a6bc rgb(243,166,188)
```
#f6b7c9
```
#f6b7c9 rgb(246,183,201)
```
#f8c8d6
```
#f8c8d6 rgb(248,200,214)
```
#fadae3
```
#fadae3 rgb(250,218,227)
```
#fcebf0
```
#fcebf0 rgb(252,235,240)
```
#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 #f20a4d is the most saturated one.

#7e7e7e
```
#7e7e7e rgb(126,126,126)
```
#88747a
```
#88747a rgb(136,116,122)
```
#916b76
```
#916b76 rgb(145,107,118)
```
#9b6172
```
#9b6172 rgb(155,97,114)
```
#a5576e
```
#a5576e rgb(165,87,110)
```
#af4d69
```
#af4d69 rgb(175,77,105)
```
#b84465
```
#b84465 rgb(184,68,101)
```
#c23a61
```
#c23a61 rgb(194,58,97)
```
#cc305d
```
#cc305d rgb(204,48,93)
```
#d52759
```
#d52759 rgb(213,39,89)
```
#df1d55
```
#df1d55 rgb(223,29,85)
```
#e91351
```
#e91351 rgb(233,19,81)
```
#f20a4d
```
#f20a4d rgb(242,10,77)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#77505b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c797b Protanopia 1% of men
#927551 Deuteranopia 1% of men
#df3434 Tritanopia 0.001% of the population

Trichromacy

#a0586d Protanomaly 1% of men, 0.01% of women
#ae5552 Deuteranomaly 6% of men, 0.4% of women
#df2c40 Tritanomaly 0.01% of the population

#df1d55 hex color

#df1d55 Color Information

#df1d55 Color Conversion

Color Schemes with #df1d55

Alternatives to #df1d55

#df1d55 Preview

Shades and Tints of #df1d55

Tones of #df1d55

Color Blindness Simulator