#dd218a hex color

In a RGB color space, hex #dd218a is composed of 86.7% red, 12.9% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.1% magenta, 37.6% yellow and 13.3% black. It has a hue angle of 326.5 degrees, a saturation of 74% and a lightness of 49.8%. #dd218a color hex could be obtained by blending #ff42ff with #bb0015. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 87
- G 13
- B 54
RGB color chart
- C 0
- M 85
- Y 38
- K 13
CMYK color chart

● #dd218a color description : Vivid pink.

The hexadecimal color #dd218a has RGB values of R:221, G:33, B:138 and CMYK values of C:0, M:0.85, Y:0.38, K:0.13. Its decimal value is 14492042.

Hex triplet	dd218a	`#dd218a`
RGB Decimal	221, 33, 138	`rgb(221,33,138)`
RGB Percent	86.7, 12.9, 54.1	`rgb(86.7%,12.9%,54.1%)`
CMYK	0, 85, 38, 13
HSL	326.5°, 74, 49.8	`hsl(326.5,74%,49.8%)`
HSV (or HSB)	326.5°, 85.1, 86.7
Web Safe	cc3399	`#cc3399`

CIE-LAB	49.856, 74.352, -10.112
XYZ	34.951, 18.298, 25.735
xyY	0.443, 0.232, 18.298
CIE-LCH	49.856, 75.036, 352.256
CIE-LUV	49.856, 106.133, -27.472
Hunter-Lab	42.777, 70.985, -5.726
Binary	11011101, 00100001, 10001010

#dd218a
```
#dd218a rgb(221,33,138)
```
#21dd74
```
#21dd74 rgb(33,221,116)
```

Complementary Color

#d221dd
```
#d221dd rgb(210,33,221)
```
#dd218a
```
#dd218a rgb(221,33,138)
```
#dd212c
```
#dd212c rgb(221,33,44)
```

Analogous Color

#21ddd2
```
#21ddd2 rgb(33,221,210)
```
#dd218a
```
#dd218a rgb(221,33,138)
```
#2cdd21
```
#2cdd21 rgb(44,221,33)
```

Split Complementary Color

#218add
```
#218add rgb(33,138,221)
```
#dd218a
```
#dd218a rgb(221,33,138)
```
#8add21
```
#8add21 rgb(138,221,33)
```

Triadic Color

#7421dd
```
#7421dd rgb(116,33,221)
```
#dd218a
```
#dd218a rgb(221,33,138)
```
#8add21
```
#8add21 rgb(138,221,33)
```
#21dd74
```
#21dd74 rgb(33,221,116)
```

Tetradic Color

#9a1760
```
#9a1760 rgb(154,23,96)
```
#b11a6e
```
#b11a6e rgb(177,26,110)
```
#c71e7c
```
#c71e7c rgb(199,30,124)
```
#dd218a
```
#dd218a rgb(221,33,138)
```
#e13696
```
#e13696 rgb(225,54,150)
```
#e44da1
```
#e44da1 rgb(228,77,161)
```
#e863ad
```
#e863ad rgb(232,99,173)
```

Monochromatic Color

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

#dd21b9
```
#dd21b9 rgb(221,33,185)
```
#dd21a9
```
#dd21a9 rgb(221,33,169)
```
#dd219a
```
#dd219a rgb(221,33,154)
```
#dd218a
```
#dd218a rgb(221,33,138)
```
#dd217a
```
#dd217a rgb(221,33,122)
```
#dd216b
```
#dd216b rgb(221,33,107)
```
#dd215b
```
#dd215b rgb(221,33,91)
```

Similar Colors

Text with hexadecimal color #dd218a

This text has a font color of #dd218a.

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

#dd218a background color

This paragraph has a background color of #dd218a.

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

#dd218a border color

This element has a border color of #dd218a.

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

CSS codes

.text {color:#dd218a;}

.background {background-color:#dd218a;}

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

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, #10020a is the darkest color, while #fffeff is the lightest one.

#10020a
```
#10020a rgb(16,2,10)
```
#210515
```
#210515 rgb(33,5,21)
```
#32081f
```
#32081f rgb(50,8,31)
```
#430a2a
```
#430a2a rgb(67,10,42)
```
#540d35
```
#540d35 rgb(84,13,53)
```
#660f3f
```
#660f3f rgb(102,15,63)
```
#77124a
```
#77124a rgb(119,18,74)
```
#881455
```
#881455 rgb(136,20,85)
```
#99175f
```
#99175f rgb(153,23,95)
```
#aa196a
```
#aa196a rgb(170,25,106)
```
#bb1c75
```
#bb1c75 rgb(187,28,117)
```
#cc1e7f
```
#cc1e7f rgb(204,30,127)
```
#dd218a
```
#dd218a rgb(221,33,138)
```

Shade Color Variation

#e03193
```
#e03193 rgb(224,49,147)
```
#e3429c
```
#e3429c rgb(227,66,156)
```
#e553a5
```
#e553a5 rgb(229,83,165)
```
#e865ae
```
#e865ae rgb(232,101,174)
```
#ea76b7
```
#ea76b7 rgb(234,118,183)
```
#ed87c0
```
#ed87c0 rgb(237,135,192)
```
#f098c9
```
#f098c9 rgb(240,152,201)
```
#f2a9d2
```
#f2a9d2 rgb(242,169,210)
```
#f5badb
```
#f5badb rgb(245,186,219)
```
#f7cbe4
```
#f7cbe4 rgb(247,203,228)
```
#fadced
```
#fadced rgb(250,220,237)
```
#fcedf6
```
#fcedf6 rgb(252,237,246)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#857980
```
#857980 rgb(133,121,128)
```
#8f6f81
```
#8f6f81 rgb(143,111,129)
```
#996582
```
#996582 rgb(153,101,130)
```
#a25c83
```
#a25c83 rgb(162,92,131)
```
#ac5284
```
#ac5284 rgb(172,82,132)
```
#b64885
```
#b64885 rgb(182,72,133)
```
#c03e87
```
#c03e87 rgb(192,62,135)
```
#c93588
```
#c93588 rgb(201,53,136)
```
#d32b89
```
#d32b89 rgb(211,43,137)
```
#dd218a
```
#dd218a rgb(221,33,138)
```
#e7178b
```
#e7178b rgb(231,23,139)
```
#f10d8c
```
#f10d8c rgb(241,13,140)
```
#fa048d
```
#fa048d rgb(250,4,141)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#7d576c Atypical Achromatopsia 0.001% of the population

Dichromacy

#657bba Protanopia 1% of men
#867a82 Deuteranopia 1% of men
#da4649 Tritanopia 0.001% of the population

Trichromacy

#905aa8 Protanomaly 1% of men, 0.01% of women
#a65985 Deuteranomaly 6% of men, 0.4% of women
#db3961 Tritanomaly 0.01% of the population

#dd218a hex color

#dd218a Color Information

#dd218a Color Conversion

Color Schemes with #dd218a

Alternatives to #dd218a

#dd218a Preview

Shades and Tints of #dd218a

Tones of #dd218a

Color Blindness Simulator