#de1fd4 hex color

In a RGB color space, hex #de1fd4 is composed of 87.1% red, 12.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86% magenta, 4.5% yellow and 12.9% black. It has a hue angle of 303.1 degrees, a saturation of 75.5% and a lightness of 49.6%. #de1fd4 color hex could be obtained by blending #ff3eff with #bd00a9. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 87
- G 12
- B 83
RGB color chart
- C 0
- M 86
- Y 5
- K 13
CMYK color chart

● #de1fd4 color description : Vivid magenta.

The hexadecimal color #de1fd4 has RGB values of R:222, G:31, B:212 and CMYK values of C:0, M:0.86, Y:0.05, K:0.13. Its decimal value is 14557140.

Hex triplet	de1fd4	`#de1fd4`
RGB Decimal	222, 31, 212	`rgb(222,31,212)`
RGB Percent	87.1, 12.2, 83.1	`rgb(87.1%,12.2%,83.1%)`
CMYK	0, 86, 5, 13
HSL	303.1°, 75.5, 49.6	`hsl(303.1,75.5%,49.6%)`
HSV (or HSB)	303.1°, 86, 87.1
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	53.24, 83.889, -48.287
XYZ	42.497, 21.266, 64.15
xyY	0.332, 0.166, 21.266
CIE-LCH	53.24, 96.793, 330.075
CIE-LUV	53.24, 75.463, -85.006
Hunter-Lab	46.115, 83.794, -50.197
Binary	11011110, 00011111, 11010100

#de1fd4
```
#de1fd4 rgb(222,31,212)
```
#1fde29
```
#1fde29 rgb(31,222,41)
```

Complementary Color

#891fde
```
#891fde rgb(137,31,222)
```
#de1fd4
```
#de1fd4 rgb(222,31,212)
```
#de1f75
```
#de1f75 rgb(222,31,117)
```

Analogous Color

#1fde89
```
#1fde89 rgb(31,222,137)
```
#de1fd4
```
#de1fd4 rgb(222,31,212)
```
#75de1f
```
#75de1f rgb(117,222,31)
```

Split Complementary Color

#1fd4de
```
#1fd4de rgb(31,212,222)
```
#de1fd4
```
#de1fd4 rgb(222,31,212)
```
#d4de1f
```
#d4de1f rgb(212,222,31)
```

Triadic Color

#291fde
```
#291fde rgb(41,31,222)
```
#de1fd4
```
#de1fd4 rgb(222,31,212)
```
#d4de1f
```
#d4de1f rgb(212,222,31)
```
#1fde29
```
#1fde29 rgb(31,222,41)
```

Tetradic Color

#9b1694
```
#9b1694 rgb(155,22,148)
```
#b119a9
```
#b119a9 rgb(177,25,169)
```
#c81cbf
```
#c81cbf rgb(200,28,191)
```
#de1fd4
```
#de1fd4 rgb(222,31,212)
```
#e334d9
```
#e334d9 rgb(227,52,217)
```
#e64ade
```
#e64ade rgb(230,74,222)
```
#e961e2
```
#e961e2 rgb(233,97,226)
```

Monochromatic Color

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

#b81fde
```
#b81fde rgb(184,31,222)
```
#c81fde
```
#c81fde rgb(200,31,222)
```
#d81fde
```
#d81fde rgb(216,31,222)
```
#de1fd4
```
#de1fd4 rgb(222,31,212)
```
#de1fc4
```
#de1fc4 rgb(222,31,196)
```
#de1fb4
```
#de1fb4 rgb(222,31,180)
```
#de1fa4
```
#de1fa4 rgb(222,31,164)
```

Similar Colors

Text with hexadecimal color #de1fd4

This text has a font color of #de1fd4.

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

#de1fd4 background color

This paragraph has a background color of #de1fd4.

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

#de1fd4 border color

This element has a border color of #de1fd4.

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

CSS codes

.text {color:#de1fd4;}

.background {background-color:#de1fd4;}

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

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

#0f020f
```
#0f020f rgb(15,2,15)
```
#21051f
```
#21051f rgb(33,5,31)
```
#320730
```
#320730 rgb(50,7,48)
```
#430940
```
#430940 rgb(67,9,64)
```
#540c51
```
#540c51 rgb(84,12,81)
```
#660e61
```
#660e61 rgb(102,14,97)
```
#771171
```
#771171 rgb(119,17,113)
```
#881382
```
#881382 rgb(136,19,130)
```
#991592
```
#991592 rgb(153,21,146)
```
#aa18a3
```
#aa18a3 rgb(170,24,163)
```
#bc1ab3
```
#bc1ab3 rgb(188,26,179)
```
#cd1dc4
```
#cd1dc4 rgb(205,29,196)
```
#de1fd4
```
#de1fd4 rgb(222,31,212)
```

Shade Color Variation

#e22fd9
```
#e22fd9 rgb(226,47,217)
```
#e440dc
```
#e440dc rgb(228,64,220)
```
#e751df
```
#e751df rgb(231,81,223)
```
#e962e2
```
#e962e2 rgb(233,98,226)
```
#ec74e5
```
#ec74e5 rgb(236,116,229)
```
#ee85e8
```
#ee85e8 rgb(238,133,232)
```
#f096ec
```
#f096ec rgb(240,150,236)
```
#f3a7ef
```
#f3a7ef rgb(243,167,239)
```
#f5b8f2
```
#f5b8f2 rgb(245,184,242)
```
#f8caf5
```
#f8caf5 rgb(248,202,245)
```
#fadbf8
```
#fadbf8 rgb(250,219,248)
```
#fcecfb
```
#fcecfb rgb(252,236,251)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#867786
```
#867786 rgb(134,119,134)
```
#906d8e
```
#906d8e rgb(144,109,142)
```
#9a6397
```
#9a6397 rgb(154,99,151)
```
#a459a0
```
#a459a0 rgb(164,89,160)
```
#ad50a8
```
#ad50a8 rgb(173,80,168)
```
#b746b1
```
#b746b1 rgb(183,70,177)
```
#c13cba
```
#c13cba rgb(193,60,186)
```
#cb32c3
```
#cb32c3 rgb(203,50,195)
```
#d429cb
```
#d429cb rgb(212,41,203)
```
#de1fd4
```
#de1fd4 rgb(222,31,212)
```
#e815dd
```
#e815dd rgb(232,21,221)
```
#f10ce5
```
#f10ce5 rgb(241,12,229)
```
#fb02ee
```
#fb02ee rgb(251,2,238)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#845d82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fd Protanopia 1% of men
#6685c3 Deuteranopia 1% of men
#d26066 Tritanopia 0.001% of the population

Trichromacy

#505dee Protanomaly 1% of men, 0.01% of women
#9160c9 Deuteranomaly 6% of men, 0.4% of women
#d6488e Tritanomaly 0.01% of the population

#de1fd4 hex color

#de1fd4 Color Information

#de1fd4 Color Conversion

Color Schemes with #de1fd4

Alternatives to #de1fd4

#de1fd4 Preview

Shades and Tints of #de1fd4

Tones of #de1fd4

Color Blindness Simulator