colorhexa.com

#de1d58 hex color

In a RGB color space, hex #de1d58 is composed of 87.1% red, 11.4% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.9% magenta, 60.4% yellow and 12.9% black. It has a hue angle of 341.7 degrees, a saturation of 76.9% and a lightness of 49.2%. #de1d58 color hex could be obtained by blending #ff3ab0 with #bd0000. Closest websafe color is: #cc3366.

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

● #de1d58 color description : Vivid pink.

The hexadecimal color #de1d58 has RGB values of R:222, G:29, B:88 and CMYK values of C:0, M:0.87, Y:0.6, K:0.13. Its decimal value is 14556504.

Hex triplet	de1d58	`#de1d58`
RGB Decimal	222, 29, 88	`rgb(222,29,88)`
RGB Percent	87.1, 11.4, 34.5	`rgb(87.1%,11.4%,34.5%)`
CMYK	0, 87, 60, 13
HSL	341.7°, 76.9, 49.2	`hsl(341.7,76.9%,49.2%)`
HSV (or HSB)	341.7°, 86.9, 87.1
Web Safe	cc3366	`#cc3366`

CIE-LAB	48.407, 71.398, 18.37
XYZ	32.326, 17.117, 10.834
xyY	0.536, 0.284, 17.117
CIE-LCH	48.407, 73.724, 14.429
CIE-LUV	48.407, 128.536, 6.739
Hunter-Lab	41.372, 67.069, 13.435
Binary	11011110, 00011101, 01011000

#de1d58
```
#de1d58 rgb(222,29,88)
```
#1ddea3
```
#1ddea3 rgb(29,222,163)
```

Complementary Color

#de1db9
```
#de1db9 rgb(222,29,185)
```
#de1d58
```
#de1d58 rgb(222,29,88)
```
#de431d
```
#de431d rgb(222,67,29)
```

Analogous Color

#1db9de
```
#1db9de rgb(29,185,222)
```
#de1d58
```
#de1d58 rgb(222,29,88)
```
#1dde43
```
#1dde43 rgb(29,222,67)
```

Split Complementary Color

#1d58de
```
#1d58de rgb(29,88,222)
```
#de1d58
```
#de1d58 rgb(222,29,88)
```
#58de1d
```
#58de1d rgb(88,222,29)
```

Triadic Color

#a31dde
```
#a31dde rgb(163,29,222)
```
#de1d58
```
#de1d58 rgb(222,29,88)
```
#58de1d
```
#58de1d rgb(88,222,29)
```
#1ddea3
```
#1ddea3 rgb(29,222,163)
```

Tetradic Color

#9a143d
```
#9a143d rgb(154,20,61)
```
#b11746
```
#b11746 rgb(177,23,70)
```
#c71a4f
```
#c71a4f rgb(199,26,79)
```
#de1d58
```
#de1d58 rgb(222,29,88)
```
#e43067
```
#e43067 rgb(228,48,103)
```
#e74778
```
#e74778 rgb(231,71,120)
```
#ea5e88
```
#ea5e88 rgb(234,94,136)
```

Monochromatic Color

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

#de1d88
```
#de1d88 rgb(222,29,136)
```
#de1d78
```
#de1d78 rgb(222,29,120)
```
#de1d68
```
#de1d68 rgb(222,29,104)
```
#de1d58
```
#de1d58 rgb(222,29,88)
```
#de1d48
```
#de1d48 rgb(222,29,72)
```
#de1d38
```
#de1d38 rgb(222,29,56)
```
#de1d28
```
#de1d28 rgb(222,29,40)
```

Similar Colors

Text with hexadecimal color #de1d58

This text has a font color of #de1d58.

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

#de1d58 background color

This paragraph has a background color of #de1d58.

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

#de1d58 border color

This element has a border color of #de1d58.

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

CSS codes

.text {color:#de1d58;}

.background {background-color:#de1d58;}

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

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

#0e0205
```
#0e0205 rgb(14,2,5)
```
#1f040c
```
#1f040c rgb(31,4,12)
```
#310613
```
#310613 rgb(49,6,19)
```
#42091a
```
#42091a rgb(66,9,26)
```
#530b21
```
#530b21 rgb(83,11,33)
```
#650d28
```
#650d28 rgb(101,13,40)
```
#760f2f
```
#760f2f rgb(118,15,47)
```
#871236
```
#871236 rgb(135,18,54)
```
#99143c
```
#99143c rgb(153,20,60)
```
#aa1643
```
#aa1643 rgb(170,22,67)
```
#bb184a
```
#bb184a rgb(187,24,74)
```
#cd1b51
```
#cd1b51 rgb(205,27,81)
```
#de1d58
```
#de1d58 rgb(222,29,88)
```

Shade Color Variation

#e32b64
```
#e32b64 rgb(227,43,100)
```
#e63d70
```
#e63d70 rgb(230,61,112)
```
#e84e7d
```
#e84e7d rgb(232,78,125)
```
#ea5f8a
```
#ea5f8a rgb(234,95,138)
```
#ec7196
```
#ec7196 rgb(236,113,150)
```
#ef82a3
```
#ef82a3 rgb(239,130,163)
```
#f193b0
```
#f193b0 rgb(241,147,176)
```
#f3a5bd
```
#f3a5bd rgb(243,165,189)
```
#f5b6c9
```
#f5b6c9 rgb(245,182,201)
```
#f8c7d6
```
#f8c7d6 rgb(248,199,214)
```
#fad9e3
```
#fad9e3 rgb(250,217,227)
```
#fceaf0
```
#fceaf0 rgb(252,234,240)
```
#fffbfc
```
#fffbfc rgb(255,251,252)
```

Tint Color Variation

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

#87747a
```
#87747a rgb(135,116,122)
```
#916a76
```
#916a76 rgb(145,106,118)
```
#9a6172
```
#9a6172 rgb(154,97,114)
```
#a4576f
```
#a4576f rgb(164,87,111)
```
#ae4d6b
```
#ae4d6b rgb(174,77,107)
```
#b74467
```
#b74467 rgb(183,68,103)
```
#c13a63
```
#c13a63 rgb(193,58,99)
```
#cb3060
```
#cb3060 rgb(203,48,96)
```
#d4275c
```
#d4275c rgb(212,39,92)
```
#de1d58
```
#de1d58 rgb(222,29,88)
```
#e81354
```
#e81354 rgb(232,19,84)
```
#f10a50
```
#f10a50 rgb(241,10,80)
```
#fb004d
```
#fb004d rgb(251,0,77)
```

Tone Color Variation

Below, you can see how #de1d58 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
#77505c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a797f Protanopia 1% of men
#917554 Deuteranopia 1% of men
#de3536 Tritanopia 0.001% of the population

Trichromacy

#9e5770 Protanomaly 1% of men, 0.01% of women
#ad5555 Deuteranomaly 6% of men, 0.4% of women
#de2c42 Tritanomaly 0.01% of the population