#de86c4 hex color

In a RGB color space, hex #de86c4 is composed of 87.1% red, 52.5% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.6% magenta, 11.7% yellow and 12.9% black. It has a hue angle of 317.7 degrees, a saturation of 57.1% and a lightness of 69.8%. #de86c4 color hex could be obtained by blending #ffffff with #bd0d89. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 87
- G 53
- B 77
RGB color chart
- C 0
- M 40
- Y 12
- K 13
CMYK color chart

● #de86c4 color description : Very soft pink.

The hexadecimal color #de86c4 has RGB values of R:222, G:134, B:196 and CMYK values of C:0, M:0.4, Y:0.12, K:0.13. Its decimal value is 14583492.

Hex triplet	de86c4	`#de86c4`
RGB Decimal	222, 134, 196	`rgb(222,134,196)`
RGB Percent	87.1, 52.5, 76.9	`rgb(87.1%,52.5%,76.9%)`
CMYK	0, 40, 12, 13
HSL	317.7°, 57.1, 69.8	`hsl(317.7,57.1%,69.8%)`
HSV (or HSB)	317.7°, 39.6, 87.1
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	66.951, 42.309, -17.904
XYZ	48.612, 36.568, 56.719
xyY	0.343, 0.258, 36.568
CIE-LCH	66.951, 45.942, 337.063
CIE-LUV	66.951, 48.38, -34.301
Hunter-Lab	60.471, 37.67, -13.282
Binary	11011110, 10000110, 11000100

#de86c4
```
#de86c4 rgb(222,134,196)
```
#86dea0
```
#86dea0 rgb(134,222,160)
```

Complementary Color

#cc86de
```
#cc86de rgb(204,134,222)
```
#de86c4
```
#de86c4 rgb(222,134,196)
```
#de8698
```
#de8698 rgb(222,134,152)
```

Analogous Color

#86decc
```
#86decc rgb(134,222,204)
```
#de86c4
```
#de86c4 rgb(222,134,196)
```
#98de86
```
#98de86 rgb(152,222,134)
```

Split Complementary Color

#86c4de
```
#86c4de rgb(134,196,222)
```
#de86c4
```
#de86c4 rgb(222,134,196)
```
#c4de86
```
#c4de86 rgb(196,222,134)
```

Triadic Color

#a086de
```
#a086de rgb(160,134,222)
```
#de86c4
```
#de86c4 rgb(222,134,196)
```
#c4de86
```
#c4de86 rgb(196,222,134)
```
#86dea0
```
#86dea0 rgb(134,222,160)
```

Tetradic Color

#ce4aa7
```
#ce4aa7 rgb(206,74,167)
```
#d35eb0
```
#d35eb0 rgb(211,94,176)
```
#d972ba
```
#d972ba rgb(217,114,186)
```
#de86c4
```
#de86c4 rgb(222,134,196)
```
#e39ace
```
#e39ace rgb(227,154,206)
```
#e9aed8
```
#e9aed8 rgb(233,174,216)
```
#eec2e1
```
#eec2e1 rgb(238,194,225)
```

Monochromatic Color

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

#de86da
```
#de86da rgb(222,134,218)
```
#de86d3
```
#de86d3 rgb(222,134,211)
```
#de86cb
```
#de86cb rgb(222,134,203)
```
#de86c4
```
#de86c4 rgb(222,134,196)
```
#de86bd
```
#de86bd rgb(222,134,189)
```
#de86b5
```
#de86b5 rgb(222,134,181)
```
#de86ae
```
#de86ae rgb(222,134,174)
```

Similar Colors

Text with hexadecimal color #de86c4

This text has a font color of #de86c4.

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

#de86c4 background color

This paragraph has a background color of #de86c4.

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

#de86c4 border color

This element has a border color of #de86c4.

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

CSS codes

.text {color:#de86c4;}

.background {background-color:#de86c4;}

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

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

#020102
```
#020102 rgb(2,1,2)
```
#12050e
```
#12050e rgb(18,5,14)
```
#21091a
```
#21091a rgb(33,9,26)
```
#310d26
```
#310d26 rgb(49,13,38)
```
#401132
```
#401132 rgb(64,17,50)
```
#4f163e
```
#4f163e rgb(79,22,62)
```
#5f1a4a
```
#5f1a4a rgb(95,26,74)
```
#6e1e57
```
#6e1e57 rgb(110,30,87)
```
#7e2263
```
#7e2263 rgb(126,34,99)
```
#8d266f
```
#8d266f rgb(141,38,111)
```
#9c2b7b
```
#9c2b7b rgb(156,43,123)
```
#ac2f87
```
#ac2f87 rgb(172,47,135)
```
#bb3393
```
#bb3393 rgb(187,51,147)
```

Shade Color Variation

#c9399e
```
#c9399e rgb(201,57,158)
```
#cd48a6
```
#cd48a6 rgb(205,72,166)
```
#d158ad
```
#d158ad rgb(209,88,173)
```
#d667b5
```
#d667b5 rgb(214,103,181)
```
#da77bc
```
#da77bc rgb(218,119,188)
```
#de86c4
```
#de86c4 rgb(222,134,196)
```
#e295cc
```
#e295cc rgb(226,149,204)
```
#e6a5d3
```
#e6a5d3 rgb(230,165,211)
```
#ebb4db
```
#ebb4db rgb(235,180,219)
```
#efc4e2
```
#efc4e2 rgb(239,196,226)
```
#f3d3ea
```
#f3d3ea rgb(243,211,234)
```
#f7e2f1
```
#f7e2f1 rgb(247,226,241)
```
#fbf2f9
```
#fbf2f9 rgb(251,242,249)
```

Tint Color Variation

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

#b5afb3
```
#b5afb3 rgb(181,175,179)
```
#baaab5
```
#baaab5 rgb(186,170,181)
```
#c0a4b8
```
#c0a4b8 rgb(192,164,184)
```
#c69eba
```
#c69eba rgb(198,158,186)
```
#cc98bd
```
#cc98bd rgb(204,152,189)
```
#d292bf
```
#d292bf rgb(210,146,191)
```
#d88cc2
```
#d88cc2 rgb(216,140,194)
```
#de86c4
```
#de86c4 rgb(222,134,196)
```
#e480c6
```
#e480c6 rgb(228,128,198)
```
#ea7ac9
```
#ea7ac9 rgb(234,122,201)
```
#f074cb
```
#f074cb rgb(240,116,203)
```
#f66ece
```
#f66ece rgb(246,110,206)
```
#fc68d0
```
#fc68d0 rgb(252,104,208)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#b2a0ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#99a5d7 Protanopia 1% of men
#aaa3c0 Deuteranopia 1% of men
#da949e Tritanopia 0.001% of the population

Trichromacy

#b29ad0 Protanomaly 1% of men, 0.01% of women
#bd99c1 Deuteranomaly 6% of men, 0.4% of women
#db8fac Tritanomaly 0.01% of the population

#de86c4 hex color

#de86c4 Color Information

#de86c4 Color Conversion

Color Schemes with #de86c4

Alternatives to #de86c4

#de86c4 Preview

Shades and Tints of #de86c4

Tones of #de86c4

Color Blindness Simulator