colorhexa.com

#dc22d3 hex color

In a RGB color space, hex #dc22d3 is composed of 86.3% red, 13.3% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.5% magenta, 4.1% yellow and 13.7% black. It has a hue angle of 302.9 degrees, a saturation of 73.2% and a lightness of 49.8%. #dc22d3 color hex could be obtained by blending #ff44ff with #b900a7. 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

● #dc22d3 color description : Bright magenta.

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

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

CIE-LAB	53.021, 82.861, -48.082
XYZ	41.844, 21.066, 63.487
xyY	0.331, 0.167, 21.066
CIE-LCH	53.021, 95.801, 329.874
CIE-LUV	53.021, 74.05, -84.47
Hunter-Lab	45.898, 82.416, -49.883
Binary	11011100, 00100010, 11010011

#dc22d3
```
#dc22d3 rgb(220,34,211)
```
#22dc2b
```
#22dc2b rgb(34,220,43)
```

Complementary Color

#8822dc
```
#8822dc rgb(136,34,220)
```
#dc22d3
```
#dc22d3 rgb(220,34,211)
```
#dc2276
```
#dc2276 rgb(220,34,118)
```

Analogous Color

#22dc88
```
#22dc88 rgb(34,220,136)
```
#dc22d3
```
#dc22d3 rgb(220,34,211)
```
#76dc22
```
#76dc22 rgb(118,220,34)
```

Split Complementary Color

#22d3dc
```
#22d3dc rgb(34,211,220)
```
#dc22d3
```
#dc22d3 rgb(220,34,211)
```
#d3dc22
```
#d3dc22 rgb(211,220,34)
```

Triadic Color

#2b22dc
```
#2b22dc rgb(43,34,220)
```
#dc22d3
```
#dc22d3 rgb(220,34,211)
```
#d3dc22
```
#d3dc22 rgb(211,220,34)
```
#22dc2b
```
#22dc2b rgb(34,220,43)
```

Tetradic Color

#9a1893
```
#9a1893 rgb(154,24,147)
```
#b01ba9
```
#b01ba9 rgb(176,27,169)
```
#c61fbe
```
#c61fbe rgb(198,31,190)
```
#dc22d3
```
#dc22d3 rgb(220,34,211)
```
#e037d8
```
#e037d8 rgb(224,55,216)
```
#e44ddc
```
#e44ddc rgb(228,77,220)
```
#e764e1
```
#e764e1 rgb(231,100,225)
```

Monochromatic Color

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

#b722dc
```
#b722dc rgb(183,34,220)
```
#c622dc
```
#c622dc rgb(198,34,220)
```
#d622dc
```
#d622dc rgb(214,34,220)
```
#dc22d3
```
#dc22d3 rgb(220,34,211)
```
#dc22c4
```
#dc22c4 rgb(220,34,196)
```
#dc22b4
```
#dc22b4 rgb(220,34,180)
```
#dc22a5
```
#dc22a5 rgb(220,34,165)
```

Similar Colors

Text with hexadecimal color #dc22d3

This text has a font color of #dc22d3.

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

#dc22d3 background color

This paragraph has a background color of #dc22d3.

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

#dc22d3 border color

This element has a border color of #dc22d3.

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

CSS codes

.text {color:#dc22d3;}

.background {background-color:#dc22d3;}

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

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

#10020f
```
#10020f rgb(16,2,15)
```
#210520
```
#210520 rgb(33,5,32)
```
#320830
```
#320830 rgb(50,8,48)
```
#430a40
```
#430a40 rgb(67,10,64)
```
#540d51
```
#540d51 rgb(84,13,81)
```
#651061
```
#651061 rgb(101,16,97)
```
#761271
```
#761271 rgb(118,18,113)
```
#871582
```
#871582 rgb(135,21,130)
```
#981792
```
#981792 rgb(152,23,146)
```
#a91aa2
```
#a91aa2 rgb(169,26,162)
```
#ba1db2
```
#ba1db2 rgb(186,29,178)
```
#cb1fc3
```
#cb1fc3 rgb(203,31,195)
```
#dc22d3
```
#dc22d3 rgb(220,34,211)
```

Shade Color Variation

#df32d7
```
#df32d7 rgb(223,50,215)
```
#e243da
```
#e243da rgb(226,67,218)
```
#e554de
```
#e554de rgb(229,84,222)
```
#e765e1
```
#e765e1 rgb(231,101,225)
```
#ea76e4
```
#ea76e4 rgb(234,118,228)
```
#ec87e8
```
#ec87e8 rgb(236,135,232)
```
#ef98eb
```
#ef98eb rgb(239,152,235)
```
#f2a9ee
```
#f2a9ee rgb(242,169,238)
```
#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 #f905ed is the most saturated one.

#847a84
```
#847a84 rgb(132,122,132)
```
#8e708c
```
#8e708c rgb(142,112,140)
```
#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)
```
#c836c1
```
#c836c1 rgb(200,54,193)
```
#d22cca
```
#d22cca rgb(210,44,202)
```
#dc22d3
```
#dc22d3 rgb(220,34,211)
```
#e618dc
```
#e618dc rgb(230,24,220)
```
#f00ee5
```
#f00ee5 rgb(240,14,229)
```
#f905ed
```
#f905ed rgb(249,5,237)
```

Tone Color Variation

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

#0081fc Protanopia 1% of men
#6584c2 Deuteranopia 1% of men
#d16166 Tritanopia 0.001% of the population

Trichromacy

#505eed Protanomaly 1% of men, 0.01% of women
#9060c8 Deuteranomaly 6% of men, 0.4% of women
#d54a8e Tritanomaly 0.01% of the population