#de70e2 hex color

In a RGB color space, hex #de70e2 is composed of 87.1% red, 43.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 1.8% cyan, 50.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 297.9 degrees, a saturation of 66.3% and a lightness of 66.3%. #de70e2 color hex could be obtained by blending #ffe0ff with #bd00c5. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 87
- G 44
- B 89
RGB color chart
- C 2
- M 50
- Y 0
- K 11
CMYK color chart

● #de70e2 color description : Soft magenta.

The hexadecimal color #de70e2 has RGB values of R:222, G:112, B:226 and CMYK values of C:0.02, M:0.5, Y:0, K:0.11. Its decimal value is 14577890.

Hex triplet	de70e2	`#de70e2`
RGB Decimal	222, 112, 226	`rgb(222,112,226)`
RGB Percent	87.1, 43.9, 88.6	`rgb(87.1%,43.9%,88.6%)`
CMYK	2, 50, 0, 11
HSL	297.9°, 66.3, 66.3	`hsl(297.9,66.3%,66.3%)`
HSV (or HSB)	297.9°, 50.4, 88.6
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	63.845, 58.509, -39.457
XYZ	49.645, 32.611, 75.627
xyY	0.314, 0.207, 32.611
CIE-LCH	63.845, 70.571, 326.006
CIE-LUV	63.845, 51.047, -70.567
Hunter-Lab	57.106, 55.241, -38.545
Binary	11011110, 01110000, 11100010

#de70e2
```
#de70e2 rgb(222,112,226)
```
#74e270
```
#74e270 rgb(116,226,112)
```

Complementary Color

#a570e2
```
#a570e2 rgb(165,112,226)
```
#de70e2
```
#de70e2 rgb(222,112,226)
```
#e270ad
```
#e270ad rgb(226,112,173)
```

Analogous Color

#70e2a5
```
#70e2a5 rgb(112,226,165)
```
#de70e2
```
#de70e2 rgb(222,112,226)
```
#ade270
```
#ade270 rgb(173,226,112)
```

Split Complementary Color

#70e2de
```
#70e2de rgb(112,226,222)
```
#de70e2
```
#de70e2 rgb(222,112,226)
```
#e2de70
```
#e2de70 rgb(226,222,112)
```

Triadic Color

#7074e2
```
#7074e2 rgb(112,116,226)
```
#de70e2
```
#de70e2 rgb(222,112,226)
```
#e2de70
```
#e2de70 rgb(226,222,112)
```
#74e270
```
#74e270 rgb(116,226,112)
```

Tetradic Color

#cf30d5
```
#cf30d5 rgb(207,48,213)
```
#d446d9
```
#d446d9 rgb(212,70,217)
```
#d95bde
```
#d95bde rgb(217,91,222)
```
#de70e2
```
#de70e2 rgb(222,112,226)
```
#e385e6
```
#e385e6 rgb(227,133,230)
```
#e89aeb
```
#e89aeb rgb(232,154,235)
```
#edb0ef
```
#edb0ef rgb(237,176,239)
```

Monochromatic Color

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

#c270e2
```
#c270e2 rgb(194,112,226)
```
#cb70e2
```
#cb70e2 rgb(203,112,226)
```
#d570e2
```
#d570e2 rgb(213,112,226)
```
#de70e2
```
#de70e2 rgb(222,112,226)
```
#e270dd
```
#e270dd rgb(226,112,221)
```
#e270d3
```
#e270d3 rgb(226,112,211)
```
#e270ca
```
#e270ca rgb(226,112,202)
```

Similar Colors

Text with hexadecimal color #de70e2

This text has a font color of #de70e2.

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

#de70e2 background color

This paragraph has a background color of #de70e2.

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

#de70e2 border color

This element has a border color of #de70e2.

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

CSS codes

.text {color:#de70e2;}

.background {background-color:#de70e2;}

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

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, #040104 is the darkest color, while #fcf2fc is the lightest one.

#040104
```
#040104 rgb(4,1,4)
```
#140414
```
#140414 rgb(20,4,20)
```
#230724
```
#230724 rgb(35,7,36)
```
#330b35
```
#330b35 rgb(51,11,53)
```
#430e45
```
#430e45 rgb(67,14,69)
```
#531155
```
#531155 rgb(83,17,85)
```
#631566
```
#631566 rgb(99,21,102)
```
#731876
```
#731876 rgb(115,24,118)
```
#821b86
```
#821b86 rgb(130,27,134)
```
#921f97
```
#921f97 rgb(146,31,151)
```
#a222a7
```
#a222a7 rgb(162,34,167)
```
#b225b7
```
#b225b7 rgb(178,37,183)
```
#c228c7
```
#c228c7 rgb(194,40,199)
```

Shade Color Variation

#cf2fd5
```
#cf2fd5 rgb(207,47,213)
```
#d33fd8
```
#d33fd8 rgb(211,63,216)
```
#d64fdb
```
#d64fdb rgb(214,79,219)
```
#da60df
```
#da60df rgb(218,96,223)
```
#de70e2
```
#de70e2 rgb(222,112,226)
```
#e280e5
```
#e280e5 rgb(226,128,229)
```
#e691e9
```
#e691e9 rgb(230,145,233)
```
#e9a1ec
```
#e9a1ec rgb(233,161,236)
```
#edb1ef
```
#edb1ef rgb(237,177,239)
```
#f1c2f3
```
#f1c2f3 rgb(241,194,243)
```
#f5d2f6
```
#f5d2f6 rgb(245,210,246)
```
#f8e2f9
```
#f8e2f9 rgb(248,226,249)
```
#fcf2fc
```
#fcf2fc rgb(252,242,252)
```

Tint Color Variation

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

#ada5ad
```
#ada5ad rgb(173,165,173)
```
#b39eb4
```
#b39eb4 rgb(179,158,180)
```
#b998ba
```
#b998ba rgb(185,152,186)
```
#bf91c1
```
#bf91c1 rgb(191,145,193)
```
#c58ac8
```
#c58ac8 rgb(197,138,200)
```
#cc84ce
```
#cc84ce rgb(204,132,206)
```
#d27dd5
```
#d27dd5 rgb(210,125,213)
```
#d877db
```
#d877db rgb(216,119,219)
```
#de70e2
```
#de70e2 rgb(222,112,226)
```
#e469e9
```
#e469e9 rgb(228,105,233)
```
#ea63ef
```
#ea63ef rgb(234,99,239)
```
#f05cf6
```
#f05cf6 rgb(240,92,246)
```
#f756fc
```
#f756fc rgb(247,86,252)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#ab95ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#739cfe Protanopia 1% of men
#8b9ed7 Deuteranopia 1% of men
#d48b95 Tritanopia 0.001% of the population

Trichromacy

#9a8cf4 Protanomaly 1% of men, 0.01% of women
#a98ddb Deuteranomaly 6% of men, 0.4% of women
#d781b1 Tritanomaly 0.01% of the population

#de70e2 hex color

#de70e2 Color Information

#de70e2 Color Conversion

Color Schemes with #de70e2

Alternatives to #de70e2

#de70e2 Preview

Shades and Tints of #de70e2

Tones of #de70e2

Color Blindness Simulator