colorhexa.com

#dc22d4 hex color

In a RGB color space, hex #dc22d4 is composed of 86.3% red, 13.3% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.5% magenta, 3.6% yellow and 13.7% black. It has a hue angle of 302.6 degrees, a saturation of 73.2% and a lightness of 49.8%. #dc22d4 color hex could be obtained by blending #ff44ff with #b900a9. Closest websafe color is: #cc33cc.

- R 86
- G 13
- B 83
RGB color chart
- C 0
- M 85
- Y 4
- K 14
CMYK color chart

● #dc22d4 color description : Bright magenta.

The hexadecimal color #dc22d4 has RGB values of R:220, G:34, B:212 and CMYK values of C:0, M:0.85, Y:0.04, K:0.14. Its decimal value is 14426836.

Hex triplet	dc22d4	`#dc22d4`
RGB Decimal	220, 34, 212	`rgb(220,34,212)`
RGB Percent	86.3, 13.3, 83.1	`rgb(86.3%,13.3%,83.1%)`
CMYK	0, 85, 4, 14
HSL	302.6°, 73.2, 49.8	`hsl(302.6,73.2%,49.8%)`
HSV (or HSB)	302.6°, 84.5, 86.3
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	53.076, 83.005, -48.567
XYZ	41.97, 21.116, 64.149
xyY	0.33, 0.166, 21.116
CIE-LCH	53.076, 96.169, 329.668
CIE-LUV	53.076, 73.661, -85.232
Hunter-Lab	45.952, 82.615, -50.602
Binary	11011100, 00100010, 11010100

#dc22d4
```
#dc22d4 rgb(220,34,212)
```
#22dc2a
```
#22dc2a rgb(34,220,42)
```

Complementary Color

#8722dc
```
#8722dc rgb(135,34,220)
```
#dc22d4
```
#dc22d4 rgb(220,34,212)
```
#dc2277
```
#dc2277 rgb(220,34,119)
```

Analogous Color

#22dc87
```
#22dc87 rgb(34,220,135)
```
#dc22d4
```
#dc22d4 rgb(220,34,212)
```
#77dc22
```
#77dc22 rgb(119,220,34)
```

Split Complementary Color

#22d4dc
```
#22d4dc rgb(34,212,220)
```
#dc22d4
```
#dc22d4 rgb(220,34,212)
```
#d4dc22
```
#d4dc22 rgb(212,220,34)
```

Triadic Color

#2a22dc
```
#2a22dc rgb(42,34,220)
```
#dc22d4
```
#dc22d4 rgb(220,34,212)
```
#d4dc22
```
#d4dc22 rgb(212,220,34)
```
#22dc2a
```
#22dc2a rgb(34,220,42)
```

Tetradic Color

#9a1894
```
#9a1894 rgb(154,24,148)
```
#b01ba9
```
#b01ba9 rgb(176,27,169)
```
#c61fbf
```
#c61fbf rgb(198,31,191)
```
#dc22d4
```
#dc22d4 rgb(220,34,212)
```
#e037d9
```
#e037d9 rgb(224,55,217)
```
#e44ddd
```
#e44ddd rgb(228,77,221)
```
#e764e1
```
#e764e1 rgb(231,100,225)
```

Monochromatic Color

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

#b622dc
```
#b622dc rgb(182,34,220)
```
#c522dc
```
#c522dc rgb(197,34,220)
```
#d522dc
```
#d522dc rgb(213,34,220)
```
#dc22d4
```
#dc22d4 rgb(220,34,212)
```
#dc22c5
```
#dc22c5 rgb(220,34,197)
```
#dc22b5
```
#dc22b5 rgb(220,34,181)
```
#dc22a6
```
#dc22a6 rgb(220,34,166)
```

Similar Colors

Text with hexadecimal color #dc22d4

This text has a font color of #dc22d4.

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

#dc22d4 background color

This paragraph has a background color of #dc22d4.

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

#dc22d4 border color

This element has a border color of #dc22d4.

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

CSS codes

.text {color:#dc22d4;}

.background {background-color:#dc22d4;}

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

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

#100210
```
#100210 rgb(16,2,16)
```
#210520
```
#210520 rgb(33,5,32)
```
#320830
```
#320830 rgb(50,8,48)
```
#430a41
```
#430a41 rgb(67,10,65)
```
#540d51
```
#540d51 rgb(84,13,81)
```
#651061
```
#651061 rgb(101,16,97)
```
#761272
```
#761272 rgb(118,18,114)
```
#871582
```
#871582 rgb(135,21,130)
```
#981793
```
#981793 rgb(152,23,147)
```
#a91aa3
```
#a91aa3 rgb(169,26,163)
```
#ba1db3
```
#ba1db3 rgb(186,29,179)
```
#cb1fc4
```
#cb1fc4 rgb(203,31,196)
```
#dc22d4
```
#dc22d4 rgb(220,34,212)
```

Shade Color Variation

#df32d8
```
#df32d8 rgb(223,50,216)
```
#e243db
```
#e243db rgb(226,67,219)
```
#e554de
```
#e554de rgb(229,84,222)
```
#e765e2
```
#e765e2 rgb(231,101,226)
```
#ea76e5
```
#ea76e5 rgb(234,118,229)
```
#ec87e8
```
#ec87e8 rgb(236,135,232)
```
#ef98eb
```
#ef98eb rgb(239,152,235)
```
#f2a9ef
```
#f2a9ef rgb(242,169,239)
```
#f4baf2
```
#f4baf2 rgb(244,186,242)
```
#f7cbf5
```
#f7cbf5 rgb(247,203,245)
```
#fadcf8
```
#fadcf8 rgb(250,220,248)
```
#fcedfc
```
#fcedfc rgb(252,237,252)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#847a84
```
#847a84 rgb(132,122,132)
```
#8e708d
```
#8e708d rgb(142,112,141)
```
#986695
```
#986695 rgb(152,102,149)
```
#a15d9e
```
#a15d9e rgb(161,93,158)
```
#ab53a7
```
#ab53a7 rgb(171,83,167)
```
#b549b0
```
#b549b0 rgb(181,73,176)
```
#bf3fb9
```
#bf3fb9 rgb(191,63,185)
```
#c836c2
```
#c836c2 rgb(200,54,194)
```
#d22ccb
```
#d22ccb rgb(210,44,203)
```
#dc22d4
```
#dc22d4 rgb(220,34,212)
```
#e618dd
```
#e618dd rgb(230,24,221)
```
#f00ee6
```
#f00ee6 rgb(240,14,230)
```
#f905ef
```
#f905ef rgb(249,5,239)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#845f82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fd Protanopia 1% of men
#6485c3 Deuteranopia 1% of men
#d06167 Tritanopia 0.001% of the population

Trichromacy

#505eee Protanomaly 1% of men, 0.01% of women
#9061c9 Deuteranomaly 6% of men, 0.4% of women
#d44a8e Tritanomaly 0.01% of the population