#dc31d4 hex color

In a RGB color space, hex #dc31d4 is composed of 86.3% red, 19.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.7% magenta, 3.6% yellow and 13.7% black. It has a hue angle of 302.8 degrees, a saturation of 71% and a lightness of 52.7%. #dc31d4 color hex could be obtained by blending #ff62ff with #b900a9. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 86
- G 19
- B 83
RGB color chart
- C 0
- M 78
- Y 4
- K 14
CMYK color chart

● #dc31d4 color description : Bright magenta.

The hexadecimal color #dc31d4 has RGB values of R:220, G:49, B:212 and CMYK values of C:0, M:0.78, Y:0.04, K:0.14. Its decimal value is 14430676.

Hex triplet	dc31d4	`#dc31d4`
RGB Decimal	220, 49, 212	`rgb(220,49,212)`
RGB Percent	86.3, 19.2, 83.1	`rgb(86.3%,19.2%,83.1%)`
CMYK	0, 78, 4, 14
HSL	302.8°, 71, 52.7	`hsl(302.8,71%,52.7%)`
HSV (or HSB)	302.8°, 77.7, 86.3
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	54.206, 79.723, -46.773
XYZ	42.496, 22.169, 64.325
xyY	0.329, 0.172, 22.169
CIE-LCH	54.206, 92.431, 329.6
CIE-LUV	54.206, 71.476, -82.497
Hunter-Lab	47.084, 78.713, -48.042
Binary	11011100, 00110001, 11010100

#dc31d4
```
#dc31d4 rgb(220,49,212)
```
#31dc39
```
#31dc39 rgb(49,220,57)
```

Complementary Color

#8f31dc
```
#8f31dc rgb(143,49,220)
```
#dc31d4
```
#dc31d4 rgb(220,49,212)
```
#dc317f
```
#dc317f rgb(220,49,127)
```

Analogous Color

#31dc8f
```
#31dc8f rgb(49,220,143)
```
#dc31d4
```
#dc31d4 rgb(220,49,212)
```
#7fdc31
```
#7fdc31 rgb(127,220,49)
```

Split Complementary Color

#31d4dc
```
#31d4dc rgb(49,212,220)
```
#dc31d4
```
#dc31d4 rgb(220,49,212)
```
#d4dc31
```
#d4dc31 rgb(212,220,49)
```

Triadic Color

#3931dc
```
#3931dc rgb(57,49,220)
```
#dc31d4
```
#dc31d4 rgb(220,49,212)
```
#d4dc31
```
#d4dc31 rgb(212,220,49)
```
#31dc39
```
#31dc39 rgb(49,220,57)
```

Tetradic Color

#a51c9e
```
#a51c9e rgb(165,28,158)
```
#ba20b3
```
#ba20b3 rgb(186,32,179)
```
#d023c8
```
#d023c8 rgb(208,35,200)
```
#dc31d4
```
#dc31d4 rgb(220,49,212)
```
#e047d9
```
#e047d9 rgb(224,71,217)
```
#e35ddd
```
#e35ddd rgb(227,93,221)
```
#e772e2
```
#e772e2 rgb(231,114,226)
```

Monochromatic Color

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

#b931dc
```
#b931dc rgb(185,49,220)
```
#c831dc
```
#c831dc rgb(200,49,220)
```
#d631dc
```
#d631dc rgb(214,49,220)
```
#dc31d4
```
#dc31d4 rgb(220,49,212)
```
#dc31c6
```
#dc31c6 rgb(220,49,198)
```
#dc31b8
```
#dc31b8 rgb(220,49,184)
```
#dc31a9
```
#dc31a9 rgb(220,49,169)
```

Similar Colors

Text with hexadecimal color #dc31d4

This text has a font color of #dc31d4.

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

#dc31d4 background color

This paragraph has a background color of #dc31d4.

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

#dc31d4 border color

This element has a border color of #dc31d4.

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

CSS codes

.text {color:#dc31d4;}

.background {background-color:#dc31d4;}

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

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

#0c020c
```
#0c020c rgb(12,2,12)
```
#1d051c
```
#1d051c rgb(29,5,28)
```
#2e082c
```
#2e082c rgb(46,8,44)
```
#3e0b3c
```
#3e0b3c rgb(62,11,60)
```
#4f0d4c
```
#4f0d4c rgb(79,13,76)
```
#60105c
```
#60105c rgb(96,16,92)
```
#71136c
```
#71136c rgb(113,19,108)
```
#81167c
```
#81167c rgb(129,22,124)
```
#92198c
```
#92198c rgb(146,25,140)
```
#a31c9d
```
#a31c9d rgb(163,28,157)
```
#b41fad
```
#b41fad rgb(180,31,173)
```
#c421bd
```
#c421bd rgb(196,33,189)
```
#d524cd
```
#d524cd rgb(213,36,205)
```

Shade Color Variation

#dc31d4
```
#dc31d4 rgb(220,49,212)
```
#df42d7
```
#df42d7 rgb(223,66,215)
```
#e253db
```
#e253db rgb(226,83,219)
```
#e563de
```
#e563de rgb(229,99,222)
```
#e774e2
```
#e774e2 rgb(231,116,226)
```
#ea85e5
```
#ea85e5 rgb(234,133,229)
```
#ed96e9
```
#ed96e9 rgb(237,150,233)
```
#f0a6ec
```
#f0a6ec rgb(240,166,236)
```
#f3b7f0
```
#f3b7f0 rgb(243,183,240)
```
#f6c8f3
```
#f6c8f3 rgb(246,200,243)
```
#f8d9f7
```
#f8d9f7 rgb(248,217,247)
```
#fbe9fa
```
#fbe9fa rgb(251,233,250)
```
#fefafe
```
#fefafe rgb(254,250,254)
```

Tint Color Variation

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

#898488
```
#898488 rgb(137,132,136)
```
#927b91
```
#927b91 rgb(146,123,145)
```
#9b7299
```
#9b7299 rgb(155,114,153)
```
#a469a2
```
#a469a2 rgb(164,105,162)
```
#ae5faa
```
#ae5faa rgb(174,95,170)
```
#b756b2
```
#b756b2 rgb(183,86,178)
```
#c04dbb
```
#c04dbb rgb(192,77,187)
```
#c944c3
```
#c944c3 rgb(201,68,195)
```
#d33acc
```
#d33acc rgb(211,58,204)
```
#dc31d4
```
#dc31d4 rgb(220,49,212)
```
#e528dc
```
#e528dc rgb(229,40,220)
```
#ef1ee5
```
#ef1ee5 rgb(239,30,229)
```
#f815ed
```
#f815ed rgb(248,21,237)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#8b698a Atypical Achromatopsia 0.001% of the population

Dichromacy

#2484ff Protanopia 1% of men
#6a87c4 Deuteranopia 1% of men
#d1666c Tritanopia 0.001% of the population

Trichromacy

#6765ef Protanomaly 1% of men, 0.01% of women
#9368ca Deuteranomaly 6% of men, 0.4% of women
#d55292 Tritanomaly 0.01% of the population

#dc31d4 hex color

#dc31d4 Color Information

#dc31d4 Color Conversion

Color Schemes with #dc31d4

Alternatives to #dc31d4

#dc31d4 Preview

Shades and Tints of #dc31d4

Tones of #dc31d4

Color Blindness Simulator