#dd1686 hex color

In a RGB color space, hex #dd1686 is composed of 86.7% red, 8.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90% magenta, 39.4% yellow and 13.3% black. It has a hue angle of 326.2 degrees, a saturation of 81.9% and a lightness of 47.6%. #dd1686 color hex could be obtained by blending #ff2cff with #bb000d. Closest websafe color is: #cc0099.

♥
- f
- t
- g
- R 87
- G 9
- B 53
RGB color chart
- C 0
- M 90
- Y 39
- K 13
CMYK color chart

● #dd1686 color description : Vivid pink.

The hexadecimal color #dd1686 has RGB values of R:221, G:22, B:134 and CMYK values of C:0, M:0.9, Y:0.39, K:0.13. Its decimal value is 14489222.

Hex triplet	dd1686	`#dd1686`
RGB Decimal	221, 22, 134	`rgb(221,22,134)`
RGB Percent	86.7, 8.6, 52.5	`rgb(86.7%,8.6%,52.5%)`
CMYK	0, 90, 39, 13
HSL	326.2°, 81.9, 47.6	`hsl(326.2,81.9%,47.6%)`
HSV (or HSB)	326.2°, 90, 86.7
Web Safe	cc0099	`#cc0099`

CIE-LAB	49.094, 75.776, -8.835
XYZ	34.41, 17.671, 24.152
xyY	0.451, 0.232, 17.671
CIE-LCH	49.094, 76.29, 353.349
CIE-LUV	49.094, 109.921, -25.997
Hunter-Lab	42.037, 72.549, -4.639
Binary	11011101, 00010110, 10000110

#dd1686
```
#dd1686 rgb(221,22,134)
```
#16dd6d
```
#16dd6d rgb(22,221,109)
```

Complementary Color

#d116dd
```
#d116dd rgb(209,22,221)
```
#dd1686
```
#dd1686 rgb(221,22,134)
```
#dd1623
```
#dd1623 rgb(221,22,35)
```

Analogous Color

#16ddd1
```
#16ddd1 rgb(22,221,209)
```
#dd1686
```
#dd1686 rgb(221,22,134)
```
#23dd16
```
#23dd16 rgb(35,221,22)
```

Split Complementary Color

#1686dd
```
#1686dd rgb(22,134,221)
```
#dd1686
```
#dd1686 rgb(221,22,134)
```
#86dd16
```
#86dd16 rgb(134,221,22)
```

Triadic Color

#6d16dd
```
#6d16dd rgb(109,22,221)
```
#dd1686
```
#dd1686 rgb(221,22,134)
```
#86dd16
```
#86dd16 rgb(134,221,22)
```
#16dd6d
```
#16dd6d rgb(22,221,109)
```

Tetradic Color

#970f5c
```
#970f5c rgb(151,15,92)
```
#af116a
```
#af116a rgb(175,17,106)
```
#c61478
```
#c61478 rgb(198,20,120)
```
#dd1686
```
#dd1686 rgb(221,22,134)
```
#e92393
```
#e92393 rgb(233,35,147)
```
#eb3b9e
```
#eb3b9e rgb(235,59,158)
```
#ee52aa
```
#ee52aa rgb(238,82,170)
```

Monochromatic Color

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

#dd16b8
```
#dd16b8 rgb(221,22,184)
```
#dd16a7
```
#dd16a7 rgb(221,22,167)
```
#dd1697
```
#dd1697 rgb(221,22,151)
```
#dd1686
```
#dd1686 rgb(221,22,134)
```
#dd1675
```
#dd1675 rgb(221,22,117)
```
#dd1665
```
#dd1665 rgb(221,22,101)
```
#dd1654
```
#dd1654 rgb(221,22,84)
```

Similar Colors

Text with hexadecimal color #dd1686

This text has a font color of #dd1686.

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

#dd1686 background color

This paragraph has a background color of #dd1686.

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

#dd1686 border color

This element has a border color of #dd1686.

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

CSS codes

.text {color:#dd1686;}

.background {background-color:#dd1686;}

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

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

#070104
```
#070104 rgb(7,1,4)
```
#19020f
```
#19020f rgb(25,2,15)
```
#2b041a
```
#2b041a rgb(43,4,26)
```
#3c0625
```
#3c0625 rgb(60,6,37)
```
#4e082f
```
#4e082f rgb(78,8,47)
```
#600a3a
```
#600a3a rgb(96,10,58)
```
#720b45
```
#720b45 rgb(114,11,69)
```
#840d50
```
#840d50 rgb(132,13,80)
```
#960f5b
```
#960f5b rgb(150,15,91)
```
#a71166
```
#a71166 rgb(167,17,102)
```
#b91270
```
#b91270 rgb(185,18,112)
```
#cb147b
```
#cb147b rgb(203,20,123)
```
#dd1686
```
#dd1686 rgb(221,22,134)
```

Shade Color Variation

#e91e90
```
#e91e90 rgb(233,30,144)
```
#ea3099
```
#ea3099 rgb(234,48,153)
```
#ec42a2
```
#ec42a2 rgb(236,66,162)
```
#ee54aa
```
#ee54aa rgb(238,84,170)
```
#f065b3
```
#f065b3 rgb(240,101,179)
```
#f177bc
```
#f177bc rgb(241,119,188)
```
#f389c5
```
#f389c5 rgb(243,137,197)
```
#f59bce
```
#f59bce rgb(245,155,206)
```
#f7add6
```
#f7add6 rgb(247,173,214)
```
#f9bfdf
```
#f9bfdf rgb(249,191,223)
```
#fad0e8
```
#fad0e8 rgb(250,208,232)
```
#fce2f1
```
#fce2f1 rgb(252,226,241)
```
#fef4fa
```
#fef4fa rgb(254,244,250)
```

Tint Color Variation

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

#80737a
```
#80737a rgb(128,115,122)
```
#896a7b
```
#896a7b rgb(137,106,123)
```
#92617d
```
#92617d rgb(146,97,125)
```
#9c577e
```
#9c577e rgb(156,87,126)
```
#a54e7f
```
#a54e7f rgb(165,78,127)
```
#ae4580
```
#ae4580 rgb(174,69,128)
```
#b83b81
```
#b83b81 rgb(184,59,129)
```
#c13282
```
#c13282 rgb(193,50,130)
```
#ca2984
```
#ca2984 rgb(202,41,132)
```
#d41f85
```
#d41f85 rgb(212,31,133)
```
#dd1686
```
#dd1686 rgb(221,22,134)
```
#e60d87
```
#e60d87 rgb(230,13,135)
```
#f00388
```
#f00388 rgb(240,3,136)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#775066 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6379b8 Protanopia 1% of men
#86787e Deuteranopia 1% of men
#da4143 Tritanopia 0.001% of the population

Trichromacy

#8f55a5 Protanomaly 1% of men, 0.01% of women
#a55481 Deuteranomaly 6% of men, 0.4% of women
#db315b Tritanomaly 0.01% of the population

#dd1686 hex color

#dd1686 Color Information

#dd1686 Color Conversion

Color Schemes with #dd1686

Alternatives to #dd1686

#dd1686 Preview

Shades and Tints of #dd1686

Tones of #dd1686

Color Blindness Simulator