#dc22c7 hex color

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

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

● #dc22c7 color description : Bright magenta.

The hexadecimal color #dc22c7 has RGB values of R:220, G:34, B:199 and CMYK values of C:0, M:0.85, Y:0.1, K:0.14. Its decimal value is 14426823.

Hex triplet	dc22c7	`#dc22c7`
RGB Decimal	220, 34, 199	`rgb(220,34,199)`
RGB Percent	86.3, 13.3, 78	`rgb(86.3%,13.3%,78%)`
CMYK	0, 85, 10, 14
HSL	306.8°, 73.2, 49.8	`hsl(306.8,73.2%,49.8%)`
HSV (or HSB)	306.8°, 84.5, 86.3
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	52.383, 81.173, -42.202
XYZ	40.396, 20.486, 55.856
xyY	0.346, 0.175, 20.486
CIE-LCH	52.383, 91.488, 332.53
CIE-LUV	52.383, 78.826, -75.25
Hunter-Lab	45.262, 80.101, -41.485
Binary	11011100, 00100010, 11000111

#dc22c7
```
#dc22c7 rgb(220,34,199)
```
#22dc37
```
#22dc37 rgb(34,220,55)
```

Complementary Color

#9422dc
```
#9422dc rgb(148,34,220)
```
#dc22c7
```
#dc22c7 rgb(220,34,199)
```
#dc226a
```
#dc226a rgb(220,34,106)
```

Analogous Color

#22dc94
```
#22dc94 rgb(34,220,148)
```
#dc22c7
```
#dc22c7 rgb(220,34,199)
```
#6adc22
```
#6adc22 rgb(106,220,34)
```

Split Complementary Color

#22c7dc
```
#22c7dc rgb(34,199,220)
```
#dc22c7
```
#dc22c7 rgb(220,34,199)
```
#c7dc22
```
#c7dc22 rgb(199,220,34)
```

Triadic Color

#3722dc
```
#3722dc rgb(55,34,220)
```
#dc22c7
```
#dc22c7 rgb(220,34,199)
```
#c7dc22
```
#c7dc22 rgb(199,220,34)
```
#22dc37
```
#22dc37 rgb(34,220,55)
```

Tetradic Color

#9a188b
```
#9a188b rgb(154,24,139)
```
#b01b9f
```
#b01b9f rgb(176,27,159)
```
#c61fb3
```
#c61fb3 rgb(198,31,179)
```
#dc22c7
```
#dc22c7 rgb(220,34,199)
```
#e037cd
```
#e037cd rgb(224,55,205)
```
#e44dd3
```
#e44dd3 rgb(228,77,211)
```
#e764d8
```
#e764d8 rgb(231,100,216)
```

Monochromatic Color

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

#c322dc
```
#c322dc rgb(195,34,220)
```
#d222dc
```
#d222dc rgb(210,34,220)
```
#dc22d7
```
#dc22d7 rgb(220,34,215)
```
#dc22c7
```
#dc22c7 rgb(220,34,199)
```
#dc22b8
```
#dc22b8 rgb(220,34,184)
```
#dc22a8
```
#dc22a8 rgb(220,34,168)
```
#dc2299
```
#dc2299 rgb(220,34,153)
```

Similar Colors

Text with hexadecimal color #dc22c7

This text has a font color of #dc22c7.

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

#dc22c7 background color

This paragraph has a background color of #dc22c7.

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

#dc22c7 border color

This element has a border color of #dc22c7.

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

CSS codes

.text {color:#dc22c7;}

.background {background-color:#dc22c7;}

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

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)
```
#21051e
```
#21051e rgb(33,5,30)
```
#32082d
```
#32082d rgb(50,8,45)
```
#430a3d
```
#430a3d rgb(67,10,61)
```
#540d4c
```
#540d4c rgb(84,13,76)
```
#65105b
```
#65105b rgb(101,16,91)
```
#76126b
```
#76126b rgb(118,18,107)
```
#87157a
```
#87157a rgb(135,21,122)
```
#98178a
```
#98178a rgb(152,23,138)
```
#a91a99
```
#a91a99 rgb(169,26,153)
```
#ba1da8
```
#ba1da8 rgb(186,29,168)
```
#cb1fb8
```
#cb1fb8 rgb(203,31,184)
```
#dc22c7
```
#dc22c7 rgb(220,34,199)
```

Shade Color Variation

#df32cc
```
#df32cc rgb(223,50,204)
```
#e243d0
```
#e243d0 rgb(226,67,208)
```
#e554d4
```
#e554d4 rgb(229,84,212)
```
#e765d9
```
#e765d9 rgb(231,101,217)
```
#ea76dd
```
#ea76dd rgb(234,118,221)
```
#ec87e1
```
#ec87e1 rgb(236,135,225)
```
#ef98e5
```
#ef98e5 rgb(239,152,229)
```
#f2a9ea
```
#f2a9ea rgb(242,169,234)
```
#f4baee
```
#f4baee rgb(244,186,238)
```
#f7cbf2
```
#f7cbf2 rgb(247,203,242)
```
#fadcf6
```
#fadcf6 rgb(250,220,246)
```
#fcedfb
```
#fcedfb rgb(252,237,251)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#847a83
```
#847a83 rgb(132,122,131)
```
#8e708a
```
#8e708a rgb(142,112,138)
```
#986692
```
#986692 rgb(152,102,146)
```
#a15d9a
```
#a15d9a rgb(161,93,154)
```
#ab53a1
```
#ab53a1 rgb(171,83,161)
```
#b549a9
```
#b549a9 rgb(181,73,169)
```
#bf3fb0
```
#bf3fb0 rgb(191,63,176)
```
#c836b8
```
#c836b8 rgb(200,54,184)
```
#d22cbf
```
#d22cbf rgb(210,44,191)
```
#dc22c7
```
#dc22c7 rgb(220,34,199)
```
#e618cf
```
#e618cf rgb(230,24,207)
```
#f00ed6
```
#f00ed6 rgb(240,14,214)
```
#f905de
```
#f905de rgb(249,5,222)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#825d7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ffa Protanopia 1% of men
#6d82b8 Deuteranopia 1% of men
#d25c62 Tritanopia 0.001% of the population

Trichromacy

#505de7 Protanomaly 1% of men, 0.01% of women
#955fbd Deuteranomaly 6% of men, 0.4% of women
#d64786 Tritanomaly 0.01% of the population

#dc22c7 hex color

#dc22c7 Color Information

#dc22c7 Color Conversion

Color Schemes with #dc22c7

Alternatives to #dc22c7

#dc22c7 Preview

Shades and Tints of #dc22c7

Tones of #dc22c7

Color Blindness Simulator