#de70a2 hex color

In a RGB color space, hex #de70a2 is composed of 87.1% red, 43.9% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.5% magenta, 27% yellow and 12.9% black. It has a hue angle of 332.7 degrees, a saturation of 62.5% and a lightness of 65.5%. #de70a2 color hex could be obtained by blending #ffe0ff with #bd0045. Closest websafe color is: #cc6699.

♥
- f
- t
- g
- R 87
- G 44
- B 64
RGB color chart
- C 0
- M 50
- Y 27
- K 13
CMYK color chart

● #de70a2 color description : Soft pink.

The hexadecimal color #de70a2 has RGB values of R:222, G:112, B:162 and CMYK values of C:0, M:0.5, Y:0.27, K:0.13. Its decimal value is 14577826.

Hex triplet	de70a2	`#de70a2`
RGB Decimal	222, 112, 162	`rgb(222,112,162)`
RGB Percent	87.1, 43.9, 63.5	`rgb(87.1%,43.9%,63.5%)`
CMYK	0, 50, 27, 13
HSL	332.7°, 62.5, 65.5	`hsl(332.7,62.5%,65.5%)`
HSV (or HSB)	332.7°, 49.5, 87.1
Web Safe	cc6699	`#cc6699`

CIE-LAB	61.42, 48.456, -6.937
XYZ	42.44, 29.729, 37.684
xyY	0.386, 0.271, 29.729
CIE-LCH	61.42, 48.95, 351.853
CIE-LUV	61.42, 67.406, -18.729
Hunter-Lab	54.525, 43.52, -2.81
Binary	11011110, 01110000, 10100010

#de70a2
```
#de70a2 rgb(222,112,162)
```
#70deac
```
#70deac rgb(112,222,172)
```

Complementary Color

#de70d9
```
#de70d9 rgb(222,112,217)
```
#de70a2
```
#de70a2 rgb(222,112,162)
```
#de7570
```
#de7570 rgb(222,117,112)
```

Analogous Color

#70d9de
```
#70d9de rgb(112,217,222)
```
#de70a2
```
#de70a2 rgb(222,112,162)
```
#70de75
```
#70de75 rgb(112,222,117)
```

Split Complementary Color

#70a2de
```
#70a2de rgb(112,162,222)
```
#de70a2
```
#de70a2 rgb(222,112,162)
```
#a2de70
```
#a2de70 rgb(162,222,112)
```

Triadic Color

#ac70de
```
#ac70de rgb(172,112,222)
```
#de70a2
```
#de70a2 rgb(222,112,162)
```
#a2de70
```
#a2de70 rgb(162,222,112)
```
#70deac
```
#70deac rgb(112,222,172)
```

Tetradic Color

#d0327a
```
#d0327a rgb(208,50,122)
```
#d44787
```
#d44787 rgb(212,71,135)
```
#d95b95
```
#d95b95 rgb(217,91,149)
```
#de70a2
```
#de70a2 rgb(222,112,162)
```
#e385af
```
#e385af rgb(227,133,175)
```
#e899bd
```
#e899bd rgb(232,153,189)
```
#ecaeca
```
#ecaeca rgb(236,174,202)
```

Monochromatic Color

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

#de70be
```
#de70be rgb(222,112,190)
```
#de70b4
```
#de70b4 rgb(222,112,180)
```
#de70ab
```
#de70ab rgb(222,112,171)
```
#de70a2
```
#de70a2 rgb(222,112,162)
```
#de7099
```
#de7099 rgb(222,112,153)
```
#de7090
```
#de7090 rgb(222,112,144)
```
#de7087
```
#de7087 rgb(222,112,135)
```

Similar Colors

Text with hexadecimal color #de70a2

This text has a font color of #de70a2.

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

#de70a2 background color

This paragraph has a background color of #de70a2.

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

#de70a2 border color

This element has a border color of #de70a2.

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

CSS codes

.text {color:#de70a2;}

.background {background-color:#de70a2;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#10040a
```
#10040a rgb(16,4,10)
```
#200713
```
#200713 rgb(32,7,19)
```
#300b1c
```
#300b1c rgb(48,11,28)
```
#400f25
```
#400f25 rgb(64,15,37)
```
#50122f
```
#50122f rgb(80,18,47)
```
#601638
```
#601638 rgb(96,22,56)
```
#701a41
```
#701a41 rgb(112,26,65)
```
#801e4a
```
#801e4a rgb(128,30,74)
```
#902154
```
#902154 rgb(144,33,84)
```
#a0255d
```
#a0255d rgb(160,37,93)
```
#b02966
```
#b02966 rgb(176,41,102)
```
#c02c6f
```
#c02c6f rgb(192,44,111)
```

Shade Color Variation

#cf3079
```
#cf3079 rgb(207,48,121)
```
#d34083
```
#d34083 rgb(211,64,131)
```
#d7508d
```
#d7508d rgb(215,80,141)
```
#da6098
```
#da6098 rgb(218,96,152)
```
#de70a2
```
#de70a2 rgb(222,112,162)
```
#e280ac
```
#e280ac rgb(226,128,172)
```
#e590b7
```
#e590b7 rgb(229,144,183)
```
#e9a0c1
```
#e9a0c1 rgb(233,160,193)
```
#edb0cb
```
#edb0cb rgb(237,176,203)
```
#f0c0d6
```
#f0c0d6 rgb(240,192,214)
```
#f4d0e0
```
#f4d0e0 rgb(244,208,224)
```
#f8e0eb
```
#f8e0eb rgb(248,224,235)
```
#fbf0f5
```
#fbf0f5 rgb(251,240,245)
```

Tint Color Variation

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

#a8a6a7
```
#a8a6a7 rgb(168,166,167)
```
#af9fa6
```
#af9fa6 rgb(175,159,166)
```
#b599a6
```
#b599a6 rgb(181,153,166)
```
#bc92a5
```
#bc92a5 rgb(188,146,165)
```
#c38ba4
```
#c38ba4 rgb(195,139,164)
```
#ca84a4
```
#ca84a4 rgb(202,132,164)
```
#d07ea3
```
#d07ea3 rgb(208,126,163)
```
#d777a3
```
#d777a3 rgb(215,119,163)
```
#de70a2
```
#de70a2 rgb(222,112,162)
```
#e569a1
```
#e569a1 rgb(229,105,161)
```
#ec62a1
```
#ec62a1 rgb(236,98,161)
```
#f25ca0
```
#f25ca0 rgb(242,92,160)
```
#f955a0
```
#f955a0 rgb(249,85,160)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#a58f99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9198b9 Protanopia 1% of men
#a5959e Deuteranopia 1% of men
#dc7e86 Tritanopia 0.001% of the population

Trichromacy

#ad89b1 Protanomaly 1% of men, 0.01% of women
#ba87a0 Deuteranomaly 6% of men, 0.4% of women
#dc7890 Tritanomaly 0.01% of the population

#de70a2 hex color

#de70a2 Color Information

#de70a2 Color Conversion

Color Schemes with #de70a2

Alternatives to #de70a2

#de70a2 Preview

Shades and Tints of #de70a2

Tones of #de70a2

Color Blindness Simulator