#de74e2 hex color

In a RGB color space, hex #de74e2 is composed of 87.1% red, 45.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 1.8% cyan, 48.7% magenta, 0% yellow and 11.4% black. It has a hue angle of 297.8 degrees, a saturation of 65.5% and a lightness of 67.1%. #de74e2 color hex could be obtained by blending #ffe8ff with #bd00c5. Closest websafe color is: #cc66cc.

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

● #de74e2 color description : Soft magenta.

The hexadecimal color #de74e2 has RGB values of R:222, G:116, B:226 and CMYK values of C:0.02, M:0.49, Y:0, K:0.11. Its decimal value is 14578914.

Hex triplet	de74e2	`#de74e2`
RGB Decimal	222, 116, 226	`rgb(222,116,226)`
RGB Percent	87.1, 45.5, 88.6	`rgb(87.1%,45.5%,88.6%)`
CMYK	2, 49, 0, 11
HSL	297.8°, 65.5, 67.1	`hsl(297.8,65.5%,67.1%)`
HSV (or HSB)	297.8°, 48.7, 88.6
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	64.575, 56.58, -38.316
XYZ	50.096, 33.514, 75.777
xyY	0.314, 0.21, 33.514
CIE-LCH	64.575, 68.333, 325.894
CIE-LUV	64.575, 49.544, -68.59
Hunter-Lab	57.891, 53.155, -37.085
Binary	11011110, 01110100, 11100010

#de74e2
```
#de74e2 rgb(222,116,226)
```
#78e274
```
#78e274 rgb(120,226,116)
```

Complementary Color

#a774e2
```
#a774e2 rgb(167,116,226)
```
#de74e2
```
#de74e2 rgb(222,116,226)
```
#e274af
```
#e274af rgb(226,116,175)
```

Analogous Color

#74e2a7
```
#74e2a7 rgb(116,226,167)
```
#de74e2
```
#de74e2 rgb(222,116,226)
```
#afe274
```
#afe274 rgb(175,226,116)
```

Split Complementary Color

#74e2de
```
#74e2de rgb(116,226,222)
```
#de74e2
```
#de74e2 rgb(222,116,226)
```
#e2de74
```
#e2de74 rgb(226,222,116)
```

Triadic Color

#7478e2
```
#7478e2 rgb(116,120,226)
```
#de74e2
```
#de74e2 rgb(222,116,226)
```
#e2de74
```
#e2de74 rgb(226,222,116)
```
#78e274
```
#78e274 rgb(120,226,116)
```

Tetradic Color

#cf35d5
```
#cf35d5 rgb(207,53,213)
```
#d44ad9
```
#d44ad9 rgb(212,74,217)
```
#d95fde
```
#d95fde rgb(217,95,222)
```
#de74e2
```
#de74e2 rgb(222,116,226)
```
#e389e6
```
#e389e6 rgb(227,137,230)
```
#e89eeb
```
#e89eeb rgb(232,158,235)
```
#edb3ef
```
#edb3ef rgb(237,179,239)
```

Monochromatic Color

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

#c374e2
```
#c374e2 rgb(195,116,226)
```
#cc74e2
```
#cc74e2 rgb(204,116,226)
```
#d574e2
```
#d574e2 rgb(213,116,226)
```
#de74e2
```
#de74e2 rgb(222,116,226)
```
#e274dd
```
#e274dd rgb(226,116,221)
```
#e274d4
```
#e274d4 rgb(226,116,212)
```
#e274cb
```
#e274cb rgb(226,116,203)
```

Similar Colors

Text with hexadecimal color #de74e2

This text has a font color of #de74e2.

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

#de74e2 background color

This paragraph has a background color of #de74e2.

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

#de74e2 border color

This element has a border color of #de74e2.

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

CSS codes

.text {color:#de74e2;}

.background {background-color:#de74e2;}

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

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

#070107
```
#070107 rgb(7,1,7)
```
#170517
```
#170517 rgb(23,5,23)
```
#260828
```
#260828 rgb(38,8,40)
```
#360c38
```
#360c38 rgb(54,12,56)
```
#460f48
```
#460f48 rgb(70,15,72)
```
#561258
```
#561258 rgb(86,18,88)
```
#651668
```
#651668 rgb(101,22,104)
```
#751979
```
#751979 rgb(117,25,121)
```
#851d89
```
#851d89 rgb(133,29,137)
```
#952099
```
#952099 rgb(149,32,153)
```
#a423a9
```
#a423a9 rgb(164,35,169)
```
#b427ba
```
#b427ba rgb(180,39,186)
```
#c42aca
```
#c42aca rgb(196,42,202)
```

Shade Color Variation

#cf33d4
```
#cf33d4 rgb(207,51,212)
```
#d243d8
```
#d243d8 rgb(210,67,216)
```
#d654db
```
#d654db rgb(214,84,219)
```
#da64df
```
#da64df rgb(218,100,223)
```
#de74e2
```
#de74e2 rgb(222,116,226)
```
#e284e5
```
#e284e5 rgb(226,132,229)
```
#e694e9
```
#e694e9 rgb(230,148,233)
```
#eaa5ec
```
#eaa5ec rgb(234,165,236)
```
#edb5f0
```
#edb5f0 rgb(237,181,240)
```
#f1c5f3
```
#f1c5f3 rgb(241,197,243)
```
#f5d5f6
```
#f5d5f6 rgb(245,213,246)
```
#f9e6fa
```
#f9e6fa rgb(249,230,250)
```
#fdf6fd
```
#fdf6fd rgb(253,246,253)
```

Tint Color Variation

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

#aea8ae
```
#aea8ae rgb(174,168,174)
```
#b4a1b5
```
#b4a1b5 rgb(180,161,181)
```
#ba9bbb
```
#ba9bbb rgb(186,155,187)
```
#c094c2
```
#c094c2 rgb(192,148,194)
```
#c68ec8
```
#c68ec8 rgb(198,142,200)
```
#cc87cf
```
#cc87cf rgb(204,135,207)
```
#d281d5
```
#d281d5 rgb(210,129,213)
```
#d87adc
```
#d87adc rgb(216,122,220)
```
#de74e2
```
#de74e2 rgb(222,116,226)
```
#e46ee8
```
#e46ee8 rgb(228,110,232)
```
#ea67ef
```
#ea67ef rgb(234,103,239)
```
#f061f5
```
#f061f5 rgb(240,97,245)
```
#f65afc
```
#f65afc rgb(246,90,252)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#ac97ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#789efd Protanopia 1% of men
#8e9fd8 Deuteranopia 1% of men
#d48e98 Tritanopia 0.001% of the population

Trichromacy

#9d8ff3 Protanomaly 1% of men, 0.01% of women
#ab8fdb Deuteranomaly 6% of men, 0.4% of women
#d884b2 Tritanomaly 0.01% of the population

#de74e2 hex color

#de74e2 Color Information

#de74e2 Color Conversion

Color Schemes with #de74e2

Alternatives to #de74e2

#de74e2 Preview

Shades and Tints of #de74e2

Tones of #de74e2

Color Blindness Simulator