#dc218e hex color

In a RGB color space, hex #dc218e is composed of 86.3% red, 12.9% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85% magenta, 35.5% yellow and 13.7% black. It has a hue angle of 325 degrees, a saturation of 73.9% and a lightness of 49.6%. #dc218e color hex could be obtained by blending #ff42ff with #b9001d. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 86
- G 13
- B 56
RGB color chart
- C 0
- M 85
- Y 35
- K 14
CMYK color chart

● #dc218e color description : Vivid pink.

The hexadecimal color #dc218e has RGB values of R:220, G:33, B:142 and CMYK values of C:0, M:0.85, Y:0.35, K:0.14. Its decimal value is 14426510.

Hex triplet	dc218e	`#dc218e`
RGB Decimal	220, 33, 142	`rgb(220,33,142)`
RGB Percent	86.3, 12.9, 55.7	`rgb(86.3%,12.9%,55.7%)`
CMYK	0, 85, 35, 14
HSL	325°, 73.9, 49.6	`hsl(325,73.9%,49.6%)`
HSV (or HSB)	325°, 85, 86.3
Web Safe	cc3399	`#cc3399`

CIE-LAB	49.81, 74.522, -12.609
XYZ	34.942, 18.26, 27.274
xyY	0.434, 0.227, 18.26
CIE-LCH	49.81, 75.581, 350.396
CIE-LUV	49.81, 103.562, -30.867
Hunter-Lab	42.732, 71.182, -7.931
Binary	11011100, 00100001, 10001110

#dc218e
```
#dc218e rgb(220,33,142)
```
#21dc6f
```
#21dc6f rgb(33,220,111)
```

Complementary Color

#cd21dc
```
#cd21dc rgb(205,33,220)
```
#dc218e
```
#dc218e rgb(220,33,142)
```
#dc2131
```
#dc2131 rgb(220,33,49)
```

Analogous Color

#21dccd
```
#21dccd rgb(33,220,205)
```
#dc218e
```
#dc218e rgb(220,33,142)
```
#31dc21
```
#31dc21 rgb(49,220,33)
```

Split Complementary Color

#218edc
```
#218edc rgb(33,142,220)
```
#dc218e
```
#dc218e rgb(220,33,142)
```
#8edc21
```
#8edc21 rgb(142,220,33)
```

Triadic Color

#6f21dc
```
#6f21dc rgb(111,33,220)
```
#dc218e
```
#dc218e rgb(220,33,142)
```
#8edc21
```
#8edc21 rgb(142,220,33)
```
#21dc6f
```
#21dc6f rgb(33,220,111)
```

Tetradic Color

#991763
```
#991763 rgb(153,23,99)
```
#b01a71
```
#b01a71 rgb(176,26,113)
```
#c61e80
```
#c61e80 rgb(198,30,128)
```
#dc218e
```
#dc218e rgb(220,33,142)
```
#e13699
```
#e13699 rgb(225,54,153)
```
#e44ca5
```
#e44ca5 rgb(228,76,165)
```
#e762b0
```
#e762b0 rgb(231,98,176)
```

Monochromatic Color

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

#dc21bd
```
#dc21bd rgb(220,33,189)
```
#dc21ad
```
#dc21ad rgb(220,33,173)
```
#dc219e
```
#dc219e rgb(220,33,158)
```
#dc218e
```
#dc218e rgb(220,33,142)
```
#dc217e
```
#dc217e rgb(220,33,126)
```
#dc216f
```
#dc216f rgb(220,33,111)
```
#dc215f
```
#dc215f rgb(220,33,95)
```

Similar Colors

Text with hexadecimal color #dc218e

This text has a font color of #dc218e.

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

#dc218e background color

This paragraph has a background color of #dc218e.

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

#dc218e border color

This element has a border color of #dc218e.

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

CSS codes

.text {color:#dc218e;}

.background {background-color:#dc218e;}

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

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, #0f020a is the darkest color, while #fffdfe is the lightest one.

#0f020a
```
#0f020a rgb(15,2,10)
```
#200515
```
#200515 rgb(32,5,21)
```
#310720
```
#310720 rgb(49,7,32)
```
#420a2b
```
#420a2b rgb(66,10,43)
```
#540d36
```
#540d36 rgb(84,13,54)
```
#650f41
```
#650f41 rgb(101,15,65)
```
#76124c
```
#76124c rgb(118,18,76)
```
#871457
```
#871457 rgb(135,20,87)
```
#981762
```
#981762 rgb(152,23,98)
```
#a9196d
```
#a9196d rgb(169,25,109)
```
#ba1c78
```
#ba1c78 rgb(186,28,120)
```
#cb1e83
```
#cb1e83 rgb(203,30,131)
```
#dc218e
```
#dc218e rgb(220,33,142)
```

Shade Color Variation

#e03197
```
#e03197 rgb(224,49,151)
```
#e3429f
```
#e3429f rgb(227,66,159)
```
#e553a8
```
#e553a8 rgb(229,83,168)
```
#e864b1
```
#e864b1 rgb(232,100,177)
```
#ea75b9
```
#ea75b9 rgb(234,117,185)
```
#ed86c2
```
#ed86c2 rgb(237,134,194)
```
#ef97ca
```
#ef97ca rgb(239,151,202)
```
#f2a8d3
```
#f2a8d3 rgb(242,168,211)
```
#f5b9dc
```
#f5b9dc rgb(245,185,220)
```
#f7cae4
```
#f7cae4 rgb(247,202,228)
```
#fadbed
```
#fadbed rgb(250,219,237)
```
#fcecf6
```
#fcecf6 rgb(252,236,246)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#84797f
```
#84797f rgb(132,121,127)
```
#8e6f81
```
#8e6f81 rgb(142,111,129)
```
#986583
```
#986583 rgb(152,101,131)
```
#a25b84
```
#a25b84 rgb(162,91,132)
```
#ab5286
```
#ab5286 rgb(171,82,134)
```
#b54888
```
#b54888 rgb(181,72,136)
```
#bf3e89
```
#bf3e89 rgb(191,62,137)
```
#c9348b
```
#c9348b rgb(201,52,139)
```
#d22b8c
```
#d22b8c rgb(210,43,140)
```
#dc218e
```
#dc218e rgb(220,33,142)
```
#e61790
```
#e61790 rgb(230,23,144)
```
#ef0e91
```
#ef0e91 rgb(239,14,145)
```
#f90493
```
#f90493 rgb(249,4,147)
```

Tone Color Variation

Below, you can see how #dc218e 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
#7d576d Atypical Achromatopsia 0.001% of the population

Dichromacy

#617bbe Protanopia 1% of men
#857a86 Deuteranopia 1% of men
#d8484b Tritanopia 0.001% of the population

Trichromacy

#8e5aad Protanomaly 1% of men, 0.01% of women
#a45988 Deuteranomaly 6% of men, 0.4% of women
#d93963 Tritanomaly 0.01% of the population

#dc218e hex color

#dc218e Color Information

#dc218e Color Conversion

Color Schemes with #dc218e

Alternatives to #dc218e

#dc218e Preview

Shades and Tints of #dc218e

Tones of #dc218e

Color Blindness Simulator