colorhexa.com

#d222dc hex color

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

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

● #d222dc color description : Bright magenta.

The hexadecimal color #d222dc has RGB values of R:210, G:34, B:220 and CMYK values of C:0.05, M:0.85, Y:0, K:0.14. Its decimal value is 13771484.

Hex triplet	d222dc	`#d222dc`
RGB Decimal	210, 34, 220	`rgb(210,34,220)`
RGB Percent	82.4, 13.3, 86.3	`rgb(82.4%,13.3%,86.3%)`
CMYK	5, 85, 0, 14
HSL	296.8°, 73.2, 49.8	`hsl(296.8,73.2%,49.8%)`
HSV (or HSB)	296.8°, 84.5, 86.3
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	51.855, 82.428, -55.177
XYZ	40.068, 20.016, 69.459
xyY	0.309, 0.155, 20.016
CIE-LCH	51.855, 99.191, 326.202
CIE-LUV	51.855, 63.544, -94.39
Hunter-Lab	44.739, 81.57, -60.734
Binary	11010010, 00100010, 11011100

#d222dc
```
#d222dc rgb(210,34,220)
```
#2cdc22
```
#2cdc22 rgb(44,220,34)
```

Complementary Color

#7522dc
```
#7522dc rgb(117,34,220)
```
#d222dc
```
#d222dc rgb(210,34,220)
```
#dc2289
```
#dc2289 rgb(220,34,137)
```

Analogous Color

#22dc75
```
#22dc75 rgb(34,220,117)
```
#d222dc
```
#d222dc rgb(210,34,220)
```
#89dc22
```
#89dc22 rgb(137,220,34)
```

Split Complementary Color

#22dcd2
```
#22dcd2 rgb(34,220,210)
```
#d222dc
```
#d222dc rgb(210,34,220)
```
#dcd222
```
#dcd222 rgb(220,210,34)
```

Triadic Color

#222cdc
```
#222cdc rgb(34,44,220)
```
#d222dc
```
#d222dc rgb(210,34,220)
```
#dcd222
```
#dcd222 rgb(220,210,34)
```
#2cdc22
```
#2cdc22 rgb(44,220,34)
```

Tetradic Color

#93189a
```
#93189a rgb(147,24,154)
```
#a81bb0
```
#a81bb0 rgb(168,27,176)
```
#bd1fc6
```
#bd1fc6 rgb(189,31,198)
```
#d222dc
```
#d222dc rgb(210,34,220)
```
#d737e0
```
#d737e0 rgb(215,55,224)
```
#db4de4
```
#db4de4 rgb(219,77,228)
```
#e064e7
```
#e064e7 rgb(224,100,231)
```

Monochromatic Color

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

#a422dc
```
#a422dc rgb(164,34,220)
```
#b322dc
```
#b322dc rgb(179,34,220)
```
#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)
```

Similar Colors

Text with hexadecimal color #d222dc

This text has a font color of #d222dc.

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

#d222dc background color

This paragraph has a background color of #d222dc.

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

#d222dc border color

This element has a border color of #d222dc.

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

CSS codes

.text {color:#d222dc;}

.background {background-color:#d222dc;}

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

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

#0f0210
```
#0f0210 rgb(15,2,16)
```
#200521
```
#200521 rgb(32,5,33)
```
#300832
```
#300832 rgb(48,8,50)
```
#400a43
```
#400a43 rgb(64,10,67)
```
#500d54
```
#500d54 rgb(80,13,84)
```
#601065
```
#601065 rgb(96,16,101)
```
#711276
```
#711276 rgb(113,18,118)
```
#811587
```
#811587 rgb(129,21,135)
```
#911798
```
#911798 rgb(145,23,152)
```
#a11aa9
```
#a11aa9 rgb(161,26,169)
```
#b21dba
```
#b21dba rgb(178,29,186)
```
#c21fcb
```
#c21fcb rgb(194,31,203)
```
#d222dc
```
#d222dc rgb(210,34,220)
```

Shade Color Variation

#d632df
```
#d632df rgb(214,50,223)
```
#d943e2
```
#d943e2 rgb(217,67,226)
```
#dd54e5
```
#dd54e5 rgb(221,84,229)
```
#e065e7
```
#e065e7 rgb(224,101,231)
```
#e476ea
```
#e476ea rgb(228,118,234)
```
#e787ec
```
#e787ec rgb(231,135,236)
```
#ea98ef
```
#ea98ef rgb(234,152,239)
```
#eea9f2
```
#eea9f2 rgb(238,169,242)
```
#f1baf4
```
#f1baf4 rgb(241,186,244)
```
#f5cbf7
```
#f5cbf7 rgb(245,203,247)
```
#f8dcfa
```
#f8dcfa rgb(248,220,250)
```
#fbedfc
```
#fbedfc rgb(251,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 #ec05f9 is the most saturated one.

#847a84
```
#847a84 rgb(132,122,132)
```
#8c708e
```
#8c708e rgb(140,112,142)
```
#956698
```
#956698 rgb(149,102,152)
```
#9e5da1
```
#9e5da1 rgb(158,93,161)
```
#a653ab
```
#a653ab rgb(166,83,171)
```
#af49b5
```
#af49b5 rgb(175,73,181)
```
#b83fbf
```
#b83fbf rgb(184,63,191)
```
#c136c8
```
#c136c8 rgb(193,54,200)
```
#c92cd2
```
#c92cd2 rgb(201,44,210)
```
#d222dc
```
#d222dc rgb(210,34,220)
```
#db18e6
```
#db18e6 rgb(219,24,230)
```
#e30ef0
```
#e30ef0 rgb(227,14,240)
```
#ec05f9
```
#ec05f9 rgb(236,5,249)
```

Tone Color Variation

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

Dichromacy

#007ef7 Protanopia 1% of men
#5282ca Deuteranopia 1% of men
#c5646a Tritanopia 0.001% of the population

Trichromacy

#4c5ced Protanomaly 1% of men, 0.01% of women
#805fd0 Deuteranomaly 6% of men, 0.4% of women
#c94c93 Tritanomaly 0.01% of the population